title: Change <img /> image with JavaScript Image object
body: <p>I have a JavaScript <a href="http://www.w3schools.com/jsref/dom_obj_image.asp" rel="noreferrer">Image object</a> that I load dynamically with jQuery.</p>
  
  <p>What I want to do is change a <code>&lt;img /&gt;</code> image with one stored on my <code>Image</code> object. How should I do this?</p>
  
  <p>Note: I want to avoid changing the source of my <code>&lt;img /&gt;</code> tag as it downloads it again from the server, and I already have the image stored in my image object</p>