title: jquery mobile menu to close after i click a menu item
body: <p>based on this demo: <a href="http://webdesignerwall.com/demo/mobile-nav/" rel="nofollow">http://webdesignerwall.com/demo/mobile-nav/</a> this is my code.        </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function($){
  
          /* prepend menu icon */
          $('#nav-wrap').prepend('&lt;div id="menu-icon"&gt;&lt;img id="logo" src="&lt;?php echo site_url(); ?&gt;/wp-content/themes/blue-and-grey/images/mobileimages/hme_btn.png" /&gt;&lt;/div&gt;');
  
          /* toggle nav */
          $("#menu-icon").on("click", function(){
              $("#nav").slideToggle();
              $(this).toggleClass("active");
          });
  
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>what i need is the menu to "close" after i click a menu item because it's a single page website, and i don't want it to stay opened after i clicked. how do i do that?</p>
  
  <p>thank you so much!</p>