title: jQuery Mobile: document ready vs. page events
body: <p>I am using jQuery Mobile, and I am having trouble understanding differences between classic document ready and jQuery Mobile page events.</p>
  
  <ol>
  <li><p>What is the real difference?</p>
  
  <p>Why should</p>
  
  <pre><code>&lt;!-- language: lang-js --&gt;
  
  $(document).ready() {
  
  });
  </code></pre>
  
  <p>be better than</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).on('pageinit') {
  
  });
  </code></pre></li>
  <li><p>What is the order of page events, when you transition from one page to another?</p></li>
  <li><p>How can I send data from one page to another and is it possible to access data from previous page?</p></li>
  </ol>