title: Help with making menu button for jQueryMobile
body: <p>new to jquery and jquerymobile.</p>
  
  <p>All I want to do is hide the main menu, and create a "Menu" button on the top nav bar.  When user clicks on this button a pop up appears with the "top-menu".</p>
  
  <p>I cheated and on the mobile.css I turned the "top-menu" to display:none to initially hide it.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Got it closer, but not perfect.  Now on Menu click (was looking for onTouch or onTap but couldn't find API info) menu appears.  Is there a way that instead of it appearing it opens on a pop up window?</p>
  
  <p>Also, for some reason data theme or icon not showing up either.  </p>
  
  <pre><code>$(document).ready(function(){
      $('#header').append('&lt;div data-role="navbar"&gt;&lt;ul&gt;&lt;li class="mainMenu"&gt;&lt;a href="#" data-iconpos="top" data-icon="grid" data-theme="b"&gt;Menu&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;facebook&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;');
      $('.mainMenu').click(function() {
        $('#top-menu').toggle('fast', function() {
          // Animation complete.
        });
      });
  });
  </code></pre>