title: Jquery Mobile / Phonegap - closing a pop up
body: <p>I'm trying to show a pop up which will close when touched and also keep the underlying page as it was left because it will have open accordions on it. This works in the browser but wont close on android. I'm using android 2.3, jquery mobile and phonegap.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;div data-role="page"&gt;
  &lt;div&gt;
  &lt;a href="#popupBasic" data-rel="popup"&gt;Open Popup&lt;/a&gt;
  
  &lt;div data-role="popup" id="popupBasic" data-dismissible="true" data-history="true" data-overlay-theme="c" onclick="closePopup();" &gt;
  &lt;p&gt;This is a basic popup.&lt;p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>function closePopup(){
      $('#popupBasic').popup('close');
  }
  </code></pre>
  
  <p>Any help would be great.</p>