Drop down menu not showing any href text ?

HTML bottom: <div id="menu"> on line 7, load app on line 20: <script src="js/app.js" type="text/javascript" charset="utf-8" App.js ~ //Problem: It looks gross in smaller browser widths and small devices //Solution: To hide the text links and swap them out with a more appropriate navigation with select box or something.

//Create a select and append to menu var $select = $("<select></select>"); $("#menu").append($select);

//Cycle over menu links $("#menu a").each(function(){ var $anchor = $(this); //Create an option var $option = $("<option></option>");

//option's value is the href $option.val($anchor.attr("href")); //option's text is the text of the link $option.text($anchor.text()); //append option to select $select.append($option); }); //Create button //Bind click to button //Go to select's location //Modify CSS to hide links on small width and show button and select //Also hides select and button on larger width and show's links //Deal with selected options depending on current page