title: a:nth-of-type(1) not working as expected
body: <p>I've the following pseudo HTML layout:</p>
  
  <pre><code>&lt;div id="test"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;span&gt;&lt;a ...&gt;...&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
          &lt;li&gt;&lt;span&gt;&lt;a ...&gt;...&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
          ... &lt;!-- 105 &lt;a&gt; tags in total --&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Executing the following JQuery selectors:</p>
  
  <pre><code>test = $('#test');
  firstItem = test.find('a:nth-of-type(1)');
  </code></pre>
  
  <p>sets <code>firstItem</code> to an array of all 105 <code>a</code> elements. Why? What's wrong with my selector? Is this a problem with the newest Chrome (using 36.x)?</p>
  
  <p>Expected behavior: I wanted to select only the first <code>a</code> element.</p>