JQuery Hide list items more than 5 code issue
<p>I am using the following code:</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    $(function() {
  $("ul.items").each(function() {
    $("li:gt(4)", this).hide();
  });
});
});
&lt;/script&gt;
</code></pre>

<p>Basically it's not hidding anything...</p>

<p>Here is the list part of the code:</p>

<pre><code>&lt;ul class="items"&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
&lt;li&gt;Four&lt;/li&gt;
&lt;li&gt;Five&lt;/li&gt;
&lt;li&gt;Six&lt;/li&gt;
&lt;li&gt;Seven&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Can anyone spot the problem?</p>
