title: Using jquery to do an image find and replace with a mouseenter on another <div>
body: <p>Basically, I have two images, each in a separate div.  When I do a mouseenter on the first image, I need the second image to change in the other div. </p>
  
  <p>The image that changes comes after the image with the mouseenter in the code.  So far, I have</p>
  
  <pre><code>&lt;script&gt;
  
  var Read1 = $("img[src$='/reading1.png']");
  var Read2 = $("img[src$='reading2.png']");
  
  
  $('#shelf-1').mouseenter(function() {
  $('#read').find(Read1).replaceWith(Read2)
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am very new to using jquery, so I feel lost. Any help would be greatly appreciated.</p>