title: Setting up the jQuery Mobile script
body: <p>I am new to jQuery mobile. I perfectly know how to reference all my scripts and CSS file. But right now I am a little bit confused on how to embeded my own code.
  Take for example when coding normal jQuery we use:</p>
  
  <pre><code>$(document).ready(function (){
     // we embedded codes here
  });
  </code></pre>
  
  <p>But for jQuery Mobile I have a code which I use:</p>
  
  <pre><code>$(document).bind('pageinit',function (){
  
  });
  </code></pre>
  
  <p>So I embed all my code inside. </p>
  
  <p>Should all code be in the bind? I am just a little bit confused on this  or when am I suppose to embed a code inside the bind? Is it code that I want to execute when the page loads?</p>
  
  <p>Also what is the difference between the mobileinit and pageinit?</p>