title: jQuery .remove not working for nested element
body: <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>