Prevent jquery browser scrolling to top on click
<p>I have the following script for a thumbnail image viewer.  I've named each thumbnail image and large parent image ending in thumb and large, respectively.  The script replaces the large image with whatever thumbnail image is clicked on by changing the filepath.</p>

<pre><code>&lt;script&gt;
$('.thumbs').delegate('img','click', function(){
    $('.large').attr('src',$(this).attr('src').replace('thumb','large'));
    $('.large').hide().fadeIn(500);
});
&lt;/script&gt;
</code></pre>

<p>Each time a thumbnail is clicked, the page scrolls back to the top.  I've tried to prevent this with</p>

<pre><code>return false;
</code></pre>

<p>It works, however, then large image won't update.  Is there another way to prevent the page from scrolling to the top?</p>

<p>Thanks for your help.</p>
