How to remove a li containing a specific child?
<p>so say I have:</p>

<pre><code>&lt;li&gt;
    &lt;span id="foo"&gt;bar&lt;/span&gt;
&lt;/li&gt;

&lt;li&gt;
    &lt;span id="abc"&gt;123&lt;/span&gt;
&lt;/li&gt;
</code></pre>

<p>and I want to remove the li with child "span id=foo". How do I do that with Jquery?</p>

<p>I tried something like:</p>

<pre><code>$("li:has(span[id=foo])").remove();
</code></pre>

<p>does not seem to be working... Any thoughts? Thanks!</p>
