jquery prevent default does not work
<p>I want to change image when user click on a thumb image, and prevent it to jump to the top of page.</p>

<p>the first code I wrote:</p>

<pre><code>$('#photos-list img').click(function(e) {
 e.preventDefault();

 var imgObj = new Image();
 var targetObj = $('#main_image img');
 imgObj.onload = function() {
  targetObj.attr('src',this.src);

 }
 imgObj.src = $(this).attr('rel');
});
</code></pre>

<p>the preventDefault() works fine. ok, I want to add some effects to the image changing, like fade in, I add some jquery effects in</p>

<pre><code>$('#photos-list img').click(function(e) {
 e.preventDefault();

 var imgObj = new Image();
 var targetObj = $('#main_image img');
 imgObj.onload = function() {
  targetObj.hide();
  targetObj.attr('src',this.src);
  targetObj.fadeIn('normal');

 }
 imgObj.src = $(this).attr('rel');
});
</code></pre>

<p>and this time , the preventDefault does not work, even I gave fadeIn() a preventdefault like:</p>

<pre><code>targetObj.fadeIn('normal', function(e1){e1.preventDefault();});
</code></pre>

<p>any methods to solve this problem?</p>
