access a single object in a returned collection (jquery)
<p>Okay, if I have a html document that looks a bit like this:</p>

<pre><code>&lt;div class='item'&gt; ... &lt;/div&gt;
&lt;div class='item'&gt; ... &lt;/div&gt;
&lt;div class='item'&gt; ... &lt;/div&gt;
&lt;div class='item'&gt; ... &lt;/div&gt;
</code></pre>

<p>I know I an iterate over them by doing</p>

<pre><code>$('.item').each
</code></pre>

<p>But what if I already know I want to do something with the second one? Is there some sort of syntax similar to:</p>

<pre><code>$('.item')[2]
</code></pre>

<p>which is usable as a selector? ie. I'd want to do:</p>

<pre><code>$('.item')[2].css('display','block');
</code></pre>

<p>Possible or not? :)</p>
