drops to the top of the page
<p>i don't want to be dropped to the top of the page when i push the link, what can be the problem? here is the html:</p>

<pre><code>&lt;div style="clear:both;"&gt;
&lt;a rel="/documents/templates/bilgiteknolojileri/images/cin/1.jpg"  class="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/t1.jpg" class="thumb" border="0"/&gt;&lt;/a&gt;
&lt;a rel="/documents/templates/bilgiteknolojileri/images/cin/2.jpg" class="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/t2.jpg" class="thumb" border="0"/&gt;&lt;/a&gt;
&lt;a rel="/documents/templates/bilgiteknolojileri/images/cin/3.jpg" class="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/t3.jpg" class="thumb" border="0"/&gt;&lt;/a&gt;
&lt;a rel="/documents/templates/bilgiteknolojileri/images/cin/4.jpg" class="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/t4.jpg" class="thumb" border="0"/&gt;&lt;/a&gt;
&lt;a rel="/documents/templates/bilgiteknolojileri/images/cin/5.jpg" class="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/t5.jpg" class="thumb" border="0"/&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div id="image"&gt;&lt;img src="/documents/templates/bilgiteknolojileri/images/cin/1.jpg" border="0"/&gt;&lt;/div&gt;
</code></pre>

<p>here is the javascript:</p>

<pre><code>$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('&lt;img src="' + image + '"/&gt;');
return false;
 });
});
</code></pre>

<p>when i push the link, the big image have to be changed, it changes, but after this it drops to top of the page... how to solve it? even tried to use anchors, didn't help, and added javascript:void(0)</p>
