title: jQuery cycling through nested <li> elements to use :gt
body: <p>Hope you can help. Trying to hide all &lt; li > tags greater than the third tag in an &lt; ul >. What's happening however is that after the first 3 &lt; li > tags, ALL subsequent &lt; li > regardles of :gt(2) are hidden in all subsequent &lt; ul >. </p>
  
  <p>Here's my HTML structure.</p>
  
  <ul><li>LIST TITLE<ul><li>item 1</li><li>item 2</li><li>item 3</li><li>should be hidden</li><li>should be hidden</li></ul></li><li>LIST TITLE<ul><li>item 1</li><li>item 2</li><li>item 3</li><li>should be hidden</li><li>should be hidden</li></ul></li><li>LIST TITLE<ul><li>item 1</li><li>item 2</li><li>item 3</li><li>should be hidden</li><li>should be hidden</li></ul></li></ul>
  
  <p>And here's my jQuery.</p>
  
  <pre><code>$("ul li ul li:gt(2)").each(function () {
      $(this).hide();
  });
  </code></pre>
  
  <p>If you need more info let me know.
  Thanks!</p>