None of this works on my browser. Safari or Chrome. Why?

//Problem is it looks bad on small devices. Phones
//Solution:To hide the text link a swap them with an apropiate 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
$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 to click to go to select's location
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 widths and show button and select
  // Also hides select and button on larger width and show 's links
//Deal selected options depending on current page