Ajax将元素加载到页面中

Trying to load contents from an element into another element from another page, problem is in chrome it loads the entire page in to the element. See for yourself here: http://www.monsterhighshop.co.uk/gadgets-electonics

$(function(){

    e.preventDefault(); 
    /*  
    if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
    if commented, html5 nonsupported browers will reload the page to the specified link. 
    */

    //get the link location that was clicked
    $("a[rel='sort']").click(function(e){
    pageurl = $(this).attr('href')+"?rel=sort #categoryproducts-productlisting";
    $('#categoryproducts-productlisting').load(pageurl);

    //to change the browser URL to 'pageurl'
    if(pageurl!=window.location){
        window.history.pushState({path:pageurl},'',pageurl);    
    }
    return false;  
});
});

/* the below code is to override back button to get the ajax content without reload*/
$(window).bind('popstate', function() {
$.ajax({url:location.pathname+'?rel=sort',success: function(data){
    $('#categoryproducts-productlisting').html(data);
}});
});