Why won't jQuery's load event fire on dynamically inserted script elements?
<p>I'm dynamically inserting a script element using jQuery. The script loads as expected, but the load event does not fire.</p>

<pre><code>jQuery('&lt;script/&gt;').attr({
    type : 'text/javascript',
    src : 'http://platform.twitter.com/widgets.js'
}).appendTo('body').load(function(){
    /* This alert does not fire: */
    alert('I just loaded!');
});
</code></pre>

<p>If I use regular JavaScript to insert the element, the load event does fire and can be caught with jQuery.</p>

<pre><code>var e = document.createElement('script'); 
e.type = 'text/javascript';
e.src = 'http://platform.twitter.com/widgets.js';
document.body.appendChild(e);

jQuery(e).load(function(){
    /* This alert does fire: */
    alert('I just loaded!');
});
</code></pre>

<p>What am I doing wrong?</p>
