title: jQuery selector not returning jQuery object
body: <p>I'm working with jQuery and I have a bit of an issue. I have a bunch of DIVs with a certain class, the first of which I'm trying to select. I can't use the <code>first-child</code> pseudo class because of the page layout (long story). But I can get the same effect by treating the jQuery object as an array. My problem is that this does not return a jQuery object but rather a plain Javascript object (specifically a HTMLDivElement).</p>
  
  <pre><code>$("#wizard div.collapsible")[0].addClass("selected");
  </code></pre>
  
  <p>That fails because the object returned doesn't have an <code>addClass</code> function. It also fails if I use <code>.get(0)</code>. However, this <em>does</em> work.</p>
  
  <pre><code>$($("#wizard div.collapsible")[0]).addClass("selected");
  </code></pre>
  
  <p>Is there a way to do this without have to do the double jQuery selector? (Not that it's a big deal, but it looks kind of confusing.)</p>