jQuery .remove not working for nested element
<p>I'm trying to simply remove all nested <code>li</code> elements within <code>ul</code>, but it is not working. Why won't this snippet work? What am I missing?  </p>

<p>html</p>

<pre><code>&lt;ul id="myul"&gt;
&lt;/ul&gt;
&lt;br/&gt;
&lt;button onclick="add();"&gt;add&lt;/button&gt;&lt;br/&gt;
&lt;button onclick="remAll();"&gt;remove all&lt;/button&gt;
</code></pre>

<p>js</p>

<pre><code>function add()
{
    $('#myul').append('&lt;li&gt;hello world&lt;/li&gt;');
}

function remAll()
{
    $('#myul').remove('li');
}
</code></pre>

<p><a href="http://jsfiddle.net/gPnxY/" rel="nofollow">http://jsfiddle.net/gPnxY/</a></p>
