Issue with $().load
<p>I need to load content from an external page when the user clicks on a  tag:</p>

<pre><code>$('#anchortag').click(function() {
    event.preventDefault();
    $('#recepient').hide();
    $('#recepient').load('otherpage.php', function(data) {
        $.fancybox(data, {});
    });
});
</code></pre>

<p>I'm using the jQuery <code>load()</code> method to do so, but all I want is the fancybox to open with the external content while now, the content shows in the <code>#recepient</code> and in the fancybox. If I try to do: <code>$.load</code> (without specifying a target), it fails (the fancybox doesn't show up and I guess the function doesn't work..).</p>

<p>How can I only open the external content in the fancybox with load or another jquery function?</p>

<p>EDIT:
How come this script only works under Chrome and not FF or IE?</p>
