title: Page loading error on using jquery mobile
body: <p>I am trying to develop a mobile website, but I got stucked at a dialog confirmation box. The website will be redirected to a home.php after successful login and then there is a database fetched values in the fields, when the member hits next>> button it will print the details from the previous home.php page in confirm.php using $_POST[]. I am using <a href="http://jquerymobile.com/demos/1.0/" rel="nofollow">http://jquerymobile.com/demos/1.0/</a></p>
  
  <p>Its working fine and I added a new cancel button to the confirm.php page which will be opened as a dialog pop box along with "Confirm" and "Cancel" buttons. The "Confirm" button will undo the operations done in home.php, its also working fine without any problem. The problem is that the "Cancel" button which will be showing in the dialog box will not go back loading the previous confirm.php page fully. That is it will load the confirm.php page but it wont load it fully.</p>
  
  <h1>Codes</h1>
  
  <p>home.php</p>
  
  <pre><code>&gt; &lt;!DOCTYPE html&gt;  &lt;html&gt;   &lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;meta
  &gt; name="viewport" content="width=device-width, initial-scale=1"&gt;    
  &gt; &lt;title&gt;Your Personal Health Record&lt;/title&gt;     &lt;link rel= "stylesheet"
  &gt; href=
  &gt; "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css"
  &gt; /&gt;
  &gt;       &lt;script src= "http://code.jquery.com/jquery-1.5.2.min.js"&gt;&lt;/script&gt;    &lt;script src=
  &gt; "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"&gt;&lt;/script&gt;
  &gt; 
  &gt;     &lt;/head&gt; 
  &gt;     &lt;body&gt; 
  &gt; 
  &gt;     &lt;div data-role= "page"&gt;
  &gt;         &lt;div data-role="header"&gt;
  &gt;     &lt;h1&gt;Welcome &lt;?php echo $_SESSION['username']; ?&gt;!&lt;/h1&gt;
  &gt;     &lt;h1&gt; Your Personal Health Record &lt;/h1&gt;
  &gt;            &lt;a data-icon="arrow-l" class="ui-btn-right ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-c"
  &gt; href="logout.php" rel="external" data-theme="c"&gt;
  &gt;             &lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
  &gt;                 &lt;span class="ui-btn-text"&gt;Logout&lt;/span&gt;
  &gt;                 &lt;span class="ui-icon ui-icon-arrow-l ui-icon-shadow"&gt;&lt;/span&gt;
  &gt;             &lt;/span&gt;
  &gt;         &lt;/a&gt;  &lt;/div&gt;    &lt;form action="confirm.php" method="post"&gt; 
  &gt;      &lt;div data-role="fieldcontain"&gt;  &lt;fieldset data-role="controlgroup"&gt;
  &gt;           &lt;label for="fname"&gt;First Name:&lt;/label&gt;
  &gt;           &lt;input type="text" name="fname" id="fname" value="&lt;?php echo $rq['fname']; ?&gt;" /&gt;    &lt;/fieldset&gt;
  &gt;         &lt;/div&gt;
  &gt;      &lt;div data-role="fieldcontain"&gt;  &lt;fieldset data-role="controlgroup"&gt;
  &gt;           &lt;label for="lname"&gt;Last Name:&lt;/label&gt;
  &gt;           &lt;input type="text" name="lname" id="lname" value="&lt;?php echo $rq['lname']; ?&gt;" /&gt;
  &gt;      &lt;/fieldset&gt;
  &gt;         &lt;/div&gt; ..... ..... &lt;div data-role="page" id="dialog"&gt;&lt;!-- dialog--&gt;
  &gt; 
  &gt;  &lt;div data-role="header" data-theme="b"&gt;  &lt;h1&gt;Do you want to
  &gt; cancel?&lt;/h1&gt;  &lt;/div&gt;&lt;!-- /header --&gt;
  &gt; 
  &gt;  &lt;div data-role="content" data-theme="e"&gt;  &lt;p&gt;All changes made in the
  &gt; previous step will be lost!&lt;/p&gt;  &lt;a href="cancel.php"
  &gt; data-role="button" data-theme="b"&gt;Confirm&lt;/a&gt;   &lt;a href="confirm.php"
  &gt; data-role="button" data-theme="b" data-rel="back"&gt;Cancel&lt;/a&gt;    
  &gt; &lt;/div&gt;  &lt;/div&gt; &lt;/body&gt;
  &gt; 
  &gt; &lt;/html&gt;
  </code></pre>
  
  <p>confirm.php</p>
  
  <pre><code>  ....
      ...
      &lt;div class="ui-grid-a"&gt;
           &lt;a href="#dialog" data-theme="b" data-role="button" data-rel="dialog" data-transition="pop"&gt;Cancel&lt;/a&gt;
       &lt;/div&gt;
      ....
      ...
  </code></pre>