title: Keeping chosen option on dropdown selected after page change
body: <p>So I've built my first responsive site but having issues with the menu on the mobile device. It all works so that when your using the mobile you can select an option from the dropdown (HTML below) and it will take you off to the correct page. However when the page loads it defaults back to 'Home' Which is the first option in the list.</p>
  
  <p>This means you can't select home when you are on another page. But what I need is when the option is selected and the new page loads for the one selected to then become the default option. So you can go back to the homepage using the drop down.</p>
  
  <p>I've not done this before, so hoping it's fairly simple!</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;form id="mobile_nav"&gt;
              &lt;select id="mobile_menu"&gt;
  
  &lt;option value="/"&gt;Home&lt;/option&gt;           
  &lt;option value="/page 1/"&gt;page 1&lt;/option&gt;
  &lt;option value="/page 2/"&gt;page 2&lt;/option&gt;
  &lt;option value="/page 3/"page 3&lt;/option&gt;
  &lt;option value="/page 4/"page 4&lt;/option&gt;
  &lt;option value="/page 5/"page 5&lt;/option&gt;
  
              &lt;/select&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code> jQuery(document).ready(function() {
          nav();
  
            jQuery("#mobile_menu").val(location.pathname);
  
          jQuery("#mobile_menu").change(function() {
              document.location = jQuery(this).val();
          });
  </code></pre>
  
  <p>The JS enables the dropdown on the mobile device.</p>
  
  <p>Let me know if you need anymore info and thanks.</p>