title: jQuery mobile popup call from JS
body: <p>I have defined popup div and i want to open on some event, not using href. I have defined popup div like:</p>
  
  <pre><code>&lt;div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all"&gt;        
          &lt;div data-role="header" data-theme="a" class="ui-corner-top"&gt;
              &lt;h1&gt;Sample Page&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"&gt;                
              &lt;a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c"&gt;OK&lt;/a&gt;    
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and I tried calling this popup div </p>
  
  <pre><code>$("#popupDialog").popup;
  $("#popupDialog").popup();
  $("#popupDialog").popup("open");
  </code></pre>
  
  <p>None of them are not working. Any suggestion.</p>