title: jQuery Mobile and Select menu with URLs
body: <p>Been battling with this for a while now. I'm trying to get a select menu to work as a navigation menu but I cannot get the URLs to work and have it actually change pages.</p>
  
  <p>In the head:</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $("#select-choice-1").click(function() {
          $.mobile.changePage($("#select-choice-1"));
      });        
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>With this Menu:</p>
  
  <pre><code>&lt;div id="MobileWrapper" data-role="fieldcontain"&gt;
  &lt;select name="select-choice-1" id="select-choice-1" data-theme="a" data-form="ui-btn-up-a" data-mini="true"&gt;
  &lt;option data-placeholder="true"&gt;Navigation&lt;/option&gt;&lt;!-- data=placeholder makes this not show up in the pop up--&gt;
  &lt;option value="/index.php" data-ajax="false"&gt;Home&lt;/option&gt;
  &lt;option value="/services/index.php" data-ajax="false"&gt;Services&lt;/option&gt;
  &lt;option value="/trainers/index.php" data-ajax="false"&gt;Trainers&lt;/option&gt;
  &lt;option value="/locations/index.php" data-ajax="false"&gt;Locations&lt;/option&gt;
  &lt;option value="/calendar/index.php" data-ajax="false"&gt;Calendar&lt;/option&gt;
  &lt;option value="/contactus/index.php" data-ajax="false"&gt;Contact Us&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;&lt;!--END MobileWrapper DIV--&gt;
  </code></pre>