"On" doesn't work with "Load" event
<p>I'm trying to attach a load event on images as they appear without waiting for the document to finish loading. So i'm using <code>$.on</code> to achieve this rather than putting my code in the bottom of the page but it's still not working.</p>

<p>My html is like:</p>

<pre><code>&lt;script&gt;
  $('img').on('load', function(){
    $(this).css('border', '2px solid red');
  });
&lt;/script&gt;

&lt;img src="koala.png" /&gt;
</code></pre>

<p>This doesn't actually work, But this does: (which is not what i want)</p>

<pre><code>&lt;img src="koala.png" /&gt;

&lt;script&gt;
  $('img').bind('load', function(){
    $(this).css('border', '2px solid red');
  });
&lt;/script&gt;
</code></pre>

<p>Is there anyway to work around this?</p>
