title: jQuery click event not working in mobile browsers
body: <p>the jQuery click event does not seem to be firing in mobile browsers.</p>
  
  <p>The HTML is as follows:</p>
  
  <pre><code>&lt;!-- This is the main menu --&gt;
  &lt;ul class="menu"&gt;
     &lt;li&gt;&lt;a href="/home/"&gt;HOME&lt;/a&gt;&lt;/li&gt;
     &lt;li class="publications"&gt;PUBLICATIONS &amp;amp; PROJECTS&lt;/li&gt;
     &lt;li&gt;&lt;a href="/about/"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/blog/"&gt;BLOG&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="/contact/"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  
  
   &lt;!-- This is the sub-menu that is to be fired on click --&gt;
   &lt;div id="filter_wrapper"&gt;
     &lt;ul id="portfolioFilter"&gt;
        &lt;li&gt;&lt;a href="/nutrition-related/"&gt;Nutrition related&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/essays/"&gt;Essays and Nonfiction&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/commissioned/"&gt;Commissioned works&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/plays/"&gt;Plays and performance&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/new-projects/"&gt;New Projects&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>This is the jQuery script for mobile:</p>
  
  <pre><code>$(document).ready(function(){
     $('.publications').click(function() {
         $('#filter_wrapper').show();
     });
   });
  </code></pre>
  
  <p>When I click the "publications" list item on a mobile browser nothing happens.</p>
  
  <p>You can view the site here: <a href="http://www.ruthcrocker.com/">http://www.ruthcrocker.com/</a></p>
  
  <p>Not sure if there are jQuery mobile specific events.</p>