title: document-ready v/s body-ready v/s window-ready event
body: <p>What's the different between these three events?</p>
  <p>Which one loads before/after others?</p>
  <pre><code>   &lt;body&gt; 
          &lt;script type='text/javascript'&gt; 
              $(document).ready(function(){
                  console.log('Document %s',+new Date());
              });
              $('body').ready(function(){
                  console.log('Body %s',+new Date());
              });
              $(window).ready(function(){
                  console.log('Window %s',+new Date());
              }); 
          &lt;/script&gt;
          &lt;div&gt;hello world&lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  <p>Strange thing is that , they fires on the same order as I put them on code. For current example. <code>document</code> one fires first and <code>windows</code> one fires at the last.</p>
  <p>p.s. I've read <a href="https://stackoverflow.com/questions/191157/window-onload-vs-body-onload">window.onload vs &lt;body onload=&quot;&quot;/&gt;</a> ,
  <a href="https://stackoverflow.com/questions/588040/window-onload-vs-document-onload">window.onload vs document.onload</a> and few others.</p>