SelectBox and Button only visible on Home page.

JQuery

//Problem the site is not small device friendly
//Solution: replace menu bar items with a select box and button


//create a select and append to #menu

var $select = $("<select></select>");
$("#menu").append($select);


//loop over menu links

$("#menu a").each(function(){
var $anchor = $(this);


//create an option

var $option = $("<option></option>");


//options value = href

$option.val($anchor.attr("href"));

//option text = text of link

$option.text($anchor.text());

//append option to select box

$select.append($option);
});


//create button

var $button = $("<button>GO</button>");
$("#menu").append($button);

//bind click 

$button.click(function(){


//go to selected location

 window.location = $select.val();//getting value of selected option
});