title: Jquery Mobile: Load page DIV before transition
body: <p><strong>Hello!!</strong></p>
  
  <p>i have a question and i haven't found any solution for it anywhere...</p>
  
  <p>So, I have a button that link to <strong>internal div page</strong> (#page2) with a very long list, I need that the internal div page will be "loaded" before the transition will start...</p>
  
  <p><strong>Here is a very simple Sample Code:</strong></p>
  
  <pre><code>&lt;!-- Page #1 --&gt;
  &lt;!-- ... --&gt;
          &lt;div data-role="content"&gt;    
          &lt;p&gt;View internal page: &lt;a href="#page2"&gt;goto Page 2&lt;/a&gt;&lt;/p&gt;
           &lt;/div&gt;
  &lt;!-- ... --&gt;
      &lt;!-- Start of Page #2 --&gt;
      &lt;div data-role="page" id="page2"&gt;
          &lt;div data-role="header"&gt;
              &lt;h1&gt;Bar&lt;/h1&gt;
          &lt;/div&gt;&lt;!-- /header --&gt;
          &lt;div data-role="content"&gt;   
      &lt;ul&gt;&lt;li&gt;...&lt;/li&gt;
      &lt;li&gt;...&lt;/li&gt;
      &lt;!-- About 300+ of: &lt;li&gt;...&lt;/li&gt; --&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>So, <strong>Clicking over The link to #page2 should give you jquery mobile "Loading..."</strong> And after it "loaded" the content the transition should begin..
  The reason Im doing it in the same page it that im inserting to the page#2 div dynamically all facebook friends (Long list), and it take a long time from the Click and until the transition begin...</p>
  
  <p>Here is a nice example of what i need:
  <a href="http://www.mpdtunes.com" rel="nofollow">http://www.mpdtunes.com</a>
  Just go to: Live Demo-> Login -> Click Artists...</p>
  
  <p>Any suggestions are welcome!</p>
  
  <p><strong>Thank you very much!!!!</strong></p>