"$button.click is not a function"

//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.

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

//Modify CSS to hide links on small resolution and show button and select
//Also hides select and button on larger widths and shows links
//Deal with selected options depending on current page