jQuery load giving me more than I need
<p>I am sending the following variable to the jQuery load method, expecting only the hash-tagged 'div' in return, instead I am getting the whole site:</p>

<p>url: <a href="http://localhost/createstudios/videos/?vimeo=15741581#sidebar" rel="nofollow">http://localhost/createstudios/videos/?vimeo=15741581#sidebar</a></p>

<p>function: </p>

<pre><code>   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");
</code></pre>
