title: jQuery UI + PhoneGap
body: <p>I'm writing an iPad app for the first time using jQuery UI &amp; PhoneGap. I'm using jQuery UI over jQTouch or jQuery Mobile because I'm not trying to design an app that looks like an iOS app - it's an internal app, it needs to follow our brand, I don't want iOS style widgets or cards.</p>
  
  <p>My code works fine in WebKit nightly, but not in the Xcode iPad simulator. The menu is hidden, but I can't get it to appear when the link is touched. It doesn't seem to be interpreting touch events? I'm using this addon (http://code.google.com/p/jquery-ui-for-ipad-and-iphone/) - I assume I'm not calling it correctly? Here's my JS:</p>
  
  <pre><code>     $(document).ready(function() {
  
                         // hides the secondary menu when the DOM is ready
                         $('#menu2').hide();
  
                         // shows the secondary menu on clicking the identified link  
                         $('#link1').click(function() {
                                           $('#menu2').show(400).addTouch();
                                           return false;
                                           });
                         });
  </code></pre>
  
  <p>&amp; the link -</p>
  
  <pre><code>&lt;a href="#" id="link1"&gt;Show Menu&lt;/a&gt;
  </code></pre>