Difficulty with JQuery-Dropdown Menu

 //Problem: It look gross in smaller browser widths and small devices
//Solution: To hide the text links and swap them out with a more appropriate navigation

//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 of the link
  $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 a 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 shows links
//Deal with selected options depending on current page.