jQuery load giving me more than I need

Question

I am sending the following variable to the jQiery load method, expecting only the hashtagged div in return, instead I am getting the whole site

url: http://localhost/createstudios/videos/?vimeo=15741581#sidebar

function:

   function mf_ajax_load_new_content(url, div){
            //$('#ajax_loader').clone().prependTo('#main-content-area').show();
            $(div).animate({opacity:0.1},500,function(){
                $(this).children().remove();

                $(this).parent().load(url+div, function() {
                    $(this).animate({opacity:1},500);
                });
            })
    }

mf_ajax_load_new_content($(this).attr('href'), "#sidebar");

Answer 1

You need a space in there, like this:

$(this).parent().load(url+" "+div, function() {

Without the space you're getting "page.html#sidebar" which isn't the "url selector" format you're after, the hash is completely discarded. Add the space to get the desired effect.

Answer 2

try mf_ajax_load_new_content($(this).attr('href'), " #sidebar");

I believe you need that space. Also your url won't help us as it is on your localhost :)