Question

How can I specify an element where the content is to be retrieved from within the pageurl in the code below?

  $(function () {
     $("a[rel='sort']").click(function (e) {
         //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
         pageurl = $(this).attr('href');

         //to get the ajax content and display in div with id 'content'
         $.ajax({
             url: pageurl + '?rel=sort',
             success: function (data) {
                 $('#content1').html(data);
             }
         });

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

Answer 1

You’ll have to get the response in a variable and then find your desired content

Try this

$.ajax({url:pageurl+'?rel=sort',success: function(data){
    var content = $(data).find("#IDofYouContent");
    $('#content1').html(content);
}});