Target child with jQuery
<p>I have the following code:</p>

<pre><code>&lt;div class="topLevel"&gt;
    &lt;span class="misc pointDown"&gt;&lt;/span&gt;
&lt;span class="misc"&gt;&lt;/span&gt;
&lt;span class="b"&gt;item&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>When I click on the topLevel I need to replace "pointDown" with "pointUp". I think I have difficulty targeting the right element.</p>

<pre><code>$(".topLevel").live('click', function() {
    $(this).next("span").removeClass("pointDown").addClass("pointUp");
});
</code></pre>
