title: Jquery get nth-child having a particular class
body: <p>I have a html table as follows</p>
  
  <pre><code>&lt;table id = "table1"&gt;
  &lt;tr&gt;
      &lt;td class="take"&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td class="take"&gt;4&lt;/td&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td class="take"&gt;6&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td class="take"&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
      &lt;td&gt;13&lt;/td&gt;
      &lt;td class="take"&gt;14&lt;/td&gt;
      &lt;td&gt;15&lt;/td&gt;
      &lt;td class="take"&gt;16&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to get a jquery selector which gets me the second <code>td</code> having class of <code>take</code> in the first <code>tr</code> of table. :) funny huh? But it pains.</p>
  
  <p>I tried below.</p>
  
  <pre><code>$("#table1").find('tr:first-child td.take:nth-child(2)').text()
  </code></pre>
  
  <p>But no use. </p>
  
  <p>EDIT: I want <code>td</code> having text 4 not 2</p>
  
  <p>I made a fiddle to play around.</p>
  
  <p><a href="http://jsfiddle.net/xdg36v2p/1/" rel="nofollow"><strong>Fiddle here</strong></a></p>