title: jQuery selector with nth-of-type()
body: <p>Using Chrome Development Tools</p>
  
  <pre><code>jQuery('.proejct-text-field')
  </code></pre>
  
  <p>gives me four instances of HTML Elements:</p>
  
  <pre><code>&lt;div class=".proejct-text-field ..."&gt;...&lt;&gt;
  &lt;div class=".proejct-text-field ..."&gt;...&lt;&gt;
  &lt;div class=".proejct-text-field ..."&gt;...&lt;&gt;
  &lt;div class=".proejct-text-field ..."&gt;...&lt;&gt;
  </code></pre>
  
  <p>Trying the following doesn't return any Elements.</p>
  
  <pre><code>jQuery('.proejct-text-field:nth-of-type(1)')
  </code></pre>
  
  <p>As for my understanding the first Element should be returned. I just use jQuery in order to find the right selector for my purposes and to take them into my css file. So How can I select the first Elment of those Divs. Btw: They are not wrapped into a certain parent element. So any child methods won't work. Further the number of divs is variable.</p>