jquery :empty but ignoring text nodes
<p>say my markup is:</p>

<pre><code>&lt;ul&gt;
    &lt;li id="num1"&gt;hello&lt;/li&gt;
    &lt;li id="num2"&gt;&lt;p&gt;hello&lt;/p&gt;&lt;/li&gt;
    &lt;li id="num3"&gt;sdf dfg&lt;/li&gt;
    &lt;li id="num4"&gt;&lt;/li&gt;
    &lt;li id="num5"&gt;&lt;a&gt;linky&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>how do I query the <code>ul</code> to return <code>#num1, #num3 and #num4</code> (the ones with no child tags)?</p>

<p>something like:</p>

<pre><code>$('ul').children('li:empty')
</code></pre>

<p>however from the docs:</p>

<pre><code>:empty  Returns: Array&lt;Element(s)&gt;
Matches all elements that have no children (including text nodes).
</code></pre>

<p>because it includes text, the above query is only returning me <code>#num4</code>.</p>

<p>What should/can I do instead?</p>

<p>Edit: I'm also using jQuery 1.1.4 (don't ask)</p>

<p>Thanks</p>
