Show thumbnail image in div on click / hover
<p>Simply want to show the .thumbimage within the .fullsizeimage on click or hover - unfortunately no luck with the .attr function.</p>

<p><a href="http://jsfiddle.net/CUZBa/" rel="nofollow">http://jsfiddle.net/CUZBa/</a> - Fiddle just in case!</p>

<pre><code> &lt;div class="row"&gt;  
        &lt;div class="fullsizeimage"&gt;
            &lt;img src="https://www.houseplans.com/img/980e/461-2p1-2520_plan-detail.jpg" /&gt;
        &lt;/div&gt;

    &lt;div class="thumbimage"&gt;&lt;a href="#"&gt;&lt;img src="https://www.houseplans.com/img/85cd/461-2e-2520_plan-detail.jpg" width="100" height="100"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="thumbimage"&gt;&lt;a href="#"&gt;&lt;img src="https://www.houseplans.com/img/872d/461-2alt1-2520_plan-detail.jpg" width="100" height="100"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="thumbimage"&gt;&lt;a href="#"&gt;&lt;img src="https://www.houseplans.com/img/230e/461-2alt2-2520_plan-detail.jpg" width="100" height="100"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script src="" type="text/javascript"&gt;
$('.thumbimage a').on('click hover',function(){
    $('.fullsizeimage img').attr('src',$(this).attr('src'));
});
&lt;/script&gt;
</code></pre>
