title: jQuery mobile popup dynamic URL
body: <p>I have problem of dynamically URL in a popup. Here my code:</p>
  
  <pre><code>&lt;!-- content --&gt;
  &lt;ul data-role="listview"&gt;
      &lt;li data-role="list-divider"&gt;Group 1&lt;/li&gt;
          &lt;li data-icon="false"&gt;&lt;a href="person.php?id=1#popup-menu" data-rel="popup" data-transition="slideup"&gt;List 1a&lt;/a&gt;&lt;/li&gt;
          &lt;li data-icon="false"&gt;&lt;a href="person.php?id=2#popup-menu" data-rel="popup" data-transition="slideup"&gt;List 1b&lt;/a&gt;&lt;/li&gt;
  
      &lt;li data-role="list-divider"&gt;Group 2&lt;/li&gt;
          &lt;li data-icon="false"&gt;&lt;a href="person.php?id=3#popup-menu" data-rel="popup" data-transition="slideup"&gt;List 2a&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;!-- /content --&gt;
  
  &lt;!-- popup-menu --&gt;
  &lt;div data-role="popup" id="popup-menu"&gt;
      &lt;ul data-role="listview" style="min-width:210px;"&gt;
          &lt;li data-role="divider"&gt;Choose an action&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;View details&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Share&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;&lt;!-- /popup-menu --&gt;
  </code></pre>
  
  <p>Basically, when I click link on my popup, I'll go to the page where the <strong>callee's url</strong> is. </p>
  
  <p>So, if I click <strong>List 1a</strong> the popup shows, then I click <strong>View details</strong> the page direct me to URL <strong>person.php?id=1</strong></p>
  
  <p>How can I do that?</p>
  
  <p>I could just create popup divs multiple times according to the number of the list, but I think it's a waste of DOM object (my  last resort if I don't find any elegant solution)</p>
  
  <p>Thanks</p>