$("body").ready() works but $("body").load() does not work?
<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>
