title: How to get nth child in jquery of a new element
body: <p>I have created table row using jquery:</p>
  
  <pre><code>var tableRow = $("&lt;tr&gt;").append($("&lt;td&gt;").text("one"))
                          .append($("&lt;td&gt;").text("two"))
                          .append($("&lt;td&gt;").text("three"));
  </code></pre>
  
  <p>Now I add it to the table in the document: </p>
  
  <pre><code>$("#table_id").append(tableRow);
  </code></pre>
  
  <p>The next thing I want to do is to set the click events on some of the cells of the tableRow created above. I want to use nth child selector for that purpose. However from the documentation it seems that it is possible to use it with some selectors like : </p>
  
  <pre><code>$("ul li:nth-child(2)")
  </code></pre>
  
  <p>But now I need to use  <code>:nth-child()</code> for a variable tableRow. 
  How is it possible?</p>