title: When does document.ready actually fire?
body: <p>Let's consider the following case:</p>
  
  <p>There is a 2.5MB image in an <code>&lt;img&gt;</code> tag and I'm on a slow connection which takes considerable time to download that image. If I'm putting the <code>document.ready()</code> in the head tag, then will it wait for the image to be downloaded or it will fire when all the HTML is downloaded?</p>
  
  <p>In case it fires when all the HTML is downloaded, how do I avoid it?</p>
  
  <p>How do I make the <code>.ready()</code> function fire after the 2.5MB data transfer?</p>