title: Jquery mobile Tabs not working on external page
body: <p>I have index.html that contains few divs with "page" role.
  In one of these pages I have a link to a different html page. 
  When I click on the link, the 2nd html page opens and looks nicely themed and the buttons are working fine.
  The issue is that the tabs are not working. When i click on the nav buttons they don't change to the correct tab. What am I doing wrong?</p>
  
  <p>The link on index.html:</p>
  
  <pre><code>&lt;a class="ui-link ui-btn ui-btn-b ui-shadow ui-corner-all" role="button" href="MemberPay.htm?Name=John&amp;MemberID=23" data-role="button" data-theme="b"&gt;Pay&lt;/a&gt;
  </code></pre>
  
  <p>The 2nd html:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;div id="MemberPay_Page" data-role="page" data-add-back-btn="true" data-theme="b" &gt;
  
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;Get Payment&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div role="main" class="ui-content jqm-content jqm-fullwidth"  &gt;                              
  
          &lt;form dir="rtl"&gt;
  
  
              &lt;label id="lblMemberID"&gt;member id:&lt;/label&gt;                 
  
  
              &lt;div data-role="tabs" id="tbPaymentMethod"&gt;
                    &lt;div data-role="navbar"&gt;
                      &lt;ul&gt;
                        &lt;li&gt;&lt;a href="#tabCash"&gt;מזומן&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#tabCcard"&gt;כ.אשראי&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#tabCheck"&gt;צ'ק&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                    &lt;/div&gt;
                    &lt;div id="tabCash"&gt;
                      &lt;p&gt;This is the content of the tab 'One', with the id fragment-1.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div id="tabCcard"&gt;
                      &lt;p&gt;This is the content of the tab 'Two', with the id fragment-2.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div id="tabCheck"&gt;
                      &lt;p&gt;This is the content of the tab 'Three', with the id fragment-3.&lt;/p&gt;
                    &lt;/div&gt;
              &lt;/div&gt;
  
  
              &lt;a  href="" data-transition="flip" data-role="button" class="ui-btn ui-shadow ui-corner-all" onclick="SavePayment()"&gt;Save&lt;/a&gt;                                                  
  
          &lt;/form&gt;
  
      &lt;/div&gt;&lt;!-- /content --&gt;
  
  &lt;/div&gt;    
  </code></pre>
  
  <p></p>
  
  <p> </p>