jQuery drop down menu script is not running

//Problem: It looks bad in smaller browser width
//solution: To hide the text links and swap them out with better nav

//create a select and append to #menuvar 
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 link
  $option.text($anchor.text());
  //append option to select
  $select.append($option);
 });
//create button 
var $button = $("<button>Go</button>");
$("#menu").append($button);
//bind click to button
$button.click(function(){
  //Go to select's location
  window.location = $select.val();
});

//modify css to hide links on small resolution and show button
//also hides select and button on larger width
//deal with selected options depending on current page