title: $("body").ready() works but $("body").load() does not work?
body: <p>Why?
  I'm having the same issue with the image Tag.</p>
  
  <p>ready() callback gets invoked.
  load() callback never gets invoked.</p>
  
  <p>Browser: Firefox3.6.8 on Mac</p>
  
  <p>Edit:</p>
  
  <p>I somehow get the feeling that I am using load() incorrectly in JQuery.
  Documentation I am referring to:-
  <a href="http://api.jquery.com/load-event/" rel="nofollow">http://api.jquery.com/load-event/</a></p>
  
  <p>I am doing</p>
  
  <p>$("body").load(function() {
    // do something
  });</p>
  
  <p>Isn't this right? I see some code doing:-
  $("#id").load("./newpage.html");
  But these 2 are different APIs right?</p>
  
  <p><strong>Edit 2</strong></p>
  
  <p>Some more code to explain my whole issue here:-</p>
  
  <pre><code>var tagString = "&lt;img id='"+imageId+"'&gt;&lt;/img&gt;";
  this.divElem.append(tagString);
  var imgElems = $("#"+imageId);
  
  var vowels = this;
  imgElems.each(function (index) {
      $(this).attr('id',imgId).attr('src',imageUrl)
                 .attr('width',1).attr('height',1);       
          $(this).load(function() { 
             // do something.
             // This Damned! function is never getting called!
          });
  
  });
  </code></pre>
  
  <p><strong>Works</strong></p>
  
  <pre><code> $().ready(function() {
      $().load(function() {
         /// something. this worked!
      });
   });
  </code></pre>
  
  <p><strong>Does not work</strong></p>
  
  <pre><code>    // without the ready() wrapper does not work
      $().load(function() {
         /// something. this worked!
      });
  </code></pre>
  
  <p>Why? I am happy it works. But I don't understand why!</p>
  
  <p>-Ajay</p>