Page Jumps After Ajax content is loaded

I am trying load content via ajax when an <a> is clicked. The code I am using:

<script type="text/javascript">
jQuery(document).ready(function(){
    // ajax pagination
    jQuery('.znn_paginate a').live('click', function(){
        var link = jQuery(this).attr('href');
        jQuery('.lay1').html('<div class="zn_ajaxwrap"><div class="zn_ajax"></div></div>');
        jQuery('.lay1').fadeOut("slow").load(link+' .post').fadeIn('slow'); 

    }); 
}); // end ready function
</script>

The problem is When the content is loaded the page jumps to the top. I treid to prevent it with: e.preventDefault(); But then the the ajax loading stopped. I guess it stopped prevented the ajax loading too..

Is there any fix for this?
Thanks

P.S: I am using it on wordpress. Here is the tutorial I followed: http://seonix.org/wordpress-seo/easy-ajax-pagination/

EDIT

There was something wrong with the code. I am now using this without any problem: http://pastebin.com/vbXqmTHq