title: jquery div when all images loaded
body: <p>I can load an image when it is loaded, by doing:</p>
  
  <pre><code>&lt;img style="display:none;" src="big3.jpg"&gt;
  &lt;script type="text/javascript"&gt;
      $('img').load(function(){
          $(this).css({'display':'block'})
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But what I want is to load the div when all img is loaded, but this is not working, why? :</p>
  
  <pre><code>&lt;div style="display:none;"&gt;
      &lt;img src="big3.jpg"&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $('div').load(function(){
          $(this).css({'display':'block'})
      });
  &lt;/script&gt;
  </code></pre>