Working with selectors assigned to variables after a .load()
<p><strong>HTML:</strong></p>

<pre><code>&lt;div id="hello"&gt;
    &lt;span id="world"&gt;Hello!&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>var $hello = $('#hello'),    // Assigning frequently used
    $world = $('#world');    // selectors to variables.

$hello.children().fadeOut(250, function() {
    $hello.load('other.html #hello &gt; *', function() {
        $world.fadeIn(250);    // This now references nothing...
    });
});
</code></pre>

<p><strong>other.html</strong></p>

<pre><code>&lt;div id="hello"&gt;
    &lt;span id="world"&gt;Something completely different...&lt;/span&gt;
&lt;/div&gt;
</code></pre>
