Loading an image dynamically works only in Chrome
<pre><code>image = document.createElement("image");
image.src ="http://jsfiddle.net/img/logo.png";
e = document.getElementById('id');
$(image).load(function() {
    $(image).hide();
    e.appendChild(image);
    $(image).fadeIn(1000);
});     
</code></pre>

<p>What makes this code to run only in Chrome?
<a href="http://jsfiddle.net/QLFf3/1/" rel="nofollow">http://jsfiddle.net/QLFf3/1/</a></p>
