Not getting the values on the Mobile

Question

For some reason, I'm not getting the values from the selected class (let alone any of the values.) I'm absolutely stumped here....

//Problem: It looks ugly in smaller browser widths and smaller devices
//Solution: To hide the text links and swap them out with a more appropriate naviagtion

//Create a select and append to menu
var $select = $("<select></select>");
$("#menu").append($select);
//1 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 the link  
$option.text($anchor.text());

//append option to select  
$select.append($option);  

});  
//2. Create a button
var $button = $("<button>Go</button>");
//3. Bind click to select's location
$("#menu").append($button);
//4. Mod CSS to hide links on small res and show button and select
$button.click(function()
              {
              window.location = $select.val();
              });
  //4-2. Also hides select and button on larger resolution.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
    <div id="menu">
        <ul>
            <li class="selected"><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="support.html">Support</a></li>
            <li><a href="faqs.html">FAQs</a></li>
            <li><a href="events.html">Events</a></li>
        </ul>
    </div>


  <select>
  <option selected></option>
  </select>
    <h1>Home</h1>
    <p>This is the home page.</p>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

Note: Other than the code shown, the rest of the workspace code is left as is.

Welcome to the Treehouse Community

Looking to learn something new?

Leonard Morrison

Leonard Morrison

Not getting the values on the Mobile