jQuery efficiency question
<p>I have HTML like this:</p>

<pre><code>&lt;div id="best"&gt;
    &lt;img src="image.jpg"&gt;
    &lt;span&gt;title&lt;/span&gt;
    &lt;img src="image.jpg"&gt;
    &lt;span&gt;title&lt;/span&gt;
    &lt;img src="image.jpg"&gt;
    &lt;span&gt;title&lt;/span&gt;
&lt;/div&gt; 
</code></pre>

<p>I want jQuery code to remove all spans. Which is best:</p>

<pre><code>$('#best').find('span').remove();
</code></pre>

<p>or</p>

<pre><code>$('#best').children('span').remove();
</code></pre>

<p>or</p>

<pre><code>$('#best').find('span').each().remove();
</code></pre>

<p>or is there a better solution? Which is best?</p>
