title: Load dynamic data in dialog box of jquerymobile
body: <p>I am trying to load data from server in dialog box of jquerymobile.</p>
  
  <p>I open dialog box using </p>
  
  <pre><code>&lt;a href="menu.htm" data-rel="dialog"  data-transition="slideup" &gt;Menu&lt;/a&gt;
  </code></pre>
  
  <p>and menu.htm file contains following code :</p>
  
  <pre><code> &lt;div data-role="page" id="men"&gt;
      &lt;div data-position="inline" data-theme="d" data-role="header" class="ui-corner-top ui-overlay-shadow ui-bar-d ui-header" role="banner"&gt;
          &lt;a data-iconpos="notext" data-rel="back" data-icon="delete" href="#" class="ui-btn-left ui-btn ui-btn-icon-notext ui-btn-corner-all ui-shadow ui-btn-up-d" title="Close" data-theme="d"&gt;&lt;span class="ui-btn-inner ui-btn-corner-all"&gt;&lt;span class="ui-btn-text"&gt;Close&lt;/span&gt;&lt;span class="ui-icon ui-icon-delete ui-icon-shadow"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;h1 class="ui-title" tabindex="0" role="heading" aria-level="1"&gt;Dialog&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content" data-theme="e" id="menus"&gt;
          &lt;p&gt;
              This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and 
              &lt;code&gt;
                  data-rel="dialog"
              &lt;/code&gt;
              attribute.
          &lt;/p&gt;
          &lt;a href="index.html#page5" data-role="button" data-theme="a"&gt;Good for you&lt;/a&gt;
          &lt;a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c"&gt;Don't care, really&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I included js file and added following code that js :</p>
  
  <pre><code>$('div[id="men"]').live("pageshow", function(){
              alert("loaded");
      }); 
  </code></pre>
  
  <p>But it does not showing me the alert.</p>
  
  <p>Please help me </p>
  
  <p>Thanks</p>