Using jquery to do an image find and replace with a mouseenter on another <div>
<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>
