Javascript ' on.("load", ' not working
<pre><code>jQuery(document).ready(function() {
    jQuery('#submit').click(function() {    jQuery("#LoadingImage").show();
        jQuery('#imgRESULT').html('&lt;img id="image1" src="http://johndoe.com/foo.php?username1=' + jQuery('input[name=username1]').val() + '&amp;amp;username2='+ jQuery('input[name=username2]').val() +    '" &gt;');
    });

$('#image1').on("load", function() {
    $("#LoadingImage").hide();
});});
</code></pre>

<p>The thing is the loading image div, does not hide when the generated image is generated.</p>

<p>Any ideas on how to get this to work?</p>
