title: Jquery Mobile Display Popup on anchor click
body: <p>I have this code in my html page:</p>
  
  <pre><code> &lt;div data-role="content"&gt;
   &lt;div class="content-primary"&gt;  
   &lt;ul data-role="listview" data-split-icon="add" data-split-theme="d" 
        id="itemsMenu"&gt;
   &lt;/ul&gt;
  
   &lt;div data-role="popup" id="previewImg" data-theme="d" data-overlay-theme="b" 
        class="ui-content" style="max-width:340px;"&gt;
      &lt;h3&gt;Image Preview&lt;/h3&gt;   
          &lt;a href="index.html" data-role="button" data-rel="back" 
              data-inline="true"  data-mini="true"&gt;Cancel&lt;/a&gt; 
   &lt;/div&gt;
  
   &lt;a href='#previewImg' id='tmpImg'  data-rel="popup" data-position-to="window" 
     data-transition="pop"&gt;
   &lt;/a&gt;
  
    &lt;/div&gt;&lt;!--/content-primary --&gt;    
   &lt;/div&gt;
  </code></pre>
  
  <p>Where <code>ul &gt; itemsMenu</code> is populated dynamically. when I click a row on the list view I expect the popup to occur. click event of the listview works fine apart from this line </p>
  
  <pre><code>$("#tmpImg").click();
  </code></pre>
  
  <p>Is the problem with anchor click event or the poup itself??</p>
  
  <p><strong>::Update::</strong>
  My binding script </p>
  
  <pre><code>$('body').on('vclick','.imgClass',function(e) {
       e.preventDefault();
       e.stopImmediatePropagation();
       alert("This one Fires");
       $("#tmpImg").click();         
   });
  </code></pre>
  
  <p>where <code>imgClass</code> is the class for my dynamically generated <code>listview</code> on the fly.</p>