title: Clicking on a button link in jQuery Mobile causes pageinit to misbehave
body: <p>I have the following code on a page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt; 
  &lt;head&gt; 
      &lt;title&gt;Appski&lt;/title&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;link rel="stylesheet" href="css/style.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt; 
  &lt;div data-role="page" id="quizPage"&gt;
          &lt;div data-role="content"&gt;   
              &lt;button id="bigButton"&gt;&lt;/button&gt;
          &lt;/div&gt;&lt;!-- /content --&gt;
  &lt;/div&gt;&lt;!-- /page --&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
      $(document).ready(function() { 
          $("#bigButton").html("hello");
          $("#bigButton").button('refresh'); 
  
      });
  
      $("#bigButton").click(function() {
          window.location.replace("page2.html");
      });
  &lt;/script&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>When I load this page it works fine and displays "hello" in the button, however when I link from another jQuery Mobile page with something like the following source code, the page loads without any text appearing in the button (and the link doesn't work either):</p>
  
  <pre><code>&lt;a href="page1.html" data-role="button"&gt;click me&lt;/a&gt;
  </code></pre>