title: Preloading images with javascript does not work
body: <p>I'm trying to preload images with javascript:</p>
  
  <pre><code>$(document).ready(function () {
      preloadImages(
          ['../../Content/Resources/close_mouse_over.png',
          '../../Content/Resources/close.png']);
  });
  
  function preloadImages(sources) {
          var image = new Array();
          for (var i = 0; i &lt; sources.length; i++) {
              image[i] = new Image();
              image[i].src = sources[i];
          }
      }
  
  function mouseOverForImage(imgId, imgSrcs) {
          document.getElementById(imgId).src = imgSrcs;
      }
  </code></pre>
  
  <p>In Html:</p>
  
  <pre><code>&lt;input type="image" src="../../Content/Resources/close.png" name="Action" value="Save" onmouseover="mouseOverForImage('close', '../../Content/Resources/close_mouse_over.png')" 
                 onmouseout = "mouseOverForImage('close', '../../Content/Resources/close.png')" id="close" title = "Close" /&gt; 
  </code></pre>
  
  <p>But request is still sending to server after mouseover. Is not working only in chrome</p>