Prevent jquery slider's image show in the page on click
<p>i am using this jquery and html for change the clicked image on a display div it works fine but the issue is when i click a image in the display div its open in the page itself. How to Make the image as it as when user click on it.</p>

<pre><code>               &lt;script type="text/javascript"&gt;
                   jQuery('div#thumbs img').click(function () {

                jQuery('#foo a').prop('href', jQuery(this).prop('src'));
                jQuery('#foo img').prop('src', jQuery(this).prop('src'));
                return false;
              })
              &lt;/script&gt;
</code></pre>

<p><strong>my html</strong></p>

<pre><code>          &lt;div id="foo"&gt;
        &lt;a href="#"&gt;
         &lt;img src="images/demo_slider.jpg" name="Display" id="display" /&gt;&lt;/a&gt;
            &lt;/div&gt;
             &lt;br /&gt;
            &lt;div id="thumbs"&gt;
       &lt;img src="images/a.jpg" width="56" height="56" alt="" /&gt;
       &lt;img src="images/b.jpg" width="56" height="56" alt="" /&gt;
       &lt;img src="images/c.jpg" width="56" height="56" alt="" /&gt;
      &lt;img src="images/d.jpg" width="56" height="56" alt="" /&gt;
         &lt;/div&gt;

       &lt;/div&gt;
</code></pre>

<p>edit:</p>

<p>If the user click the thumbs image it load to the div foo. then the user click the image in foo the clicked image opens in the same page(as the basic html functionality like open image in new tab) i need to prevent the image open on click.</p>
