title: Access children in div tag using JQuery
body: <p>I have the below code. I am able to access the input and radio box if i did not have the table tr td tags. By just having the inputs and radio button, i use eq(x). x is number.</p>
  
  <pre><code>var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
  newElem.children(:eq(0)').attr('id', 'frmBuyerComments_RsnCode' + newNum).attr('name', 'frmBuyerComments_RsnCode' + newNum);    
  newElem.children(':eq(1)').attr('id', 'frmBuyerComments_money' + newNum).attr('name', 'frmBuyerComments_RadioGroup' + newNum);
  newElem.children(':eq(2)').attr('id', 'frmBuyerComments_percentage' + newNum).attr('name', 'frmBuyerComments_RadioGroup' + newNum);
  </code></pre>
  
  <p>But i do not know how to access them when added table tags. Here is the html code.
  How do i play with newElem.children() to access as shown above by using newElem.children()</p>
  
  <pre><code>&lt;div id="inputForm"&gt;
  
      &lt;div id="input1" style="margin-bottom:4px;" class="clonedInput"&gt;
          &lt;table cellspacing="0" cellpadding="2" width="100%" style="margin:10px 0px 0px 0px;" id="TableReasonCode"&gt; 
              &lt;tr&gt;
                  &lt;td width="25%"&gt;Reason Code&lt;/td&gt;
                  &lt;td class="_CommentsData"&gt;&lt;select id="frmBuyerComments_RsnCode1" runat="server"&gt;&lt;/select&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td width="25%"&gt;Symbol&lt;/td&gt;
                  &lt;td class="_CommentsData"&gt;&lt;input type="radio" id="frmBuyerComments_money1" name="frmBuyerComments_RadioGroup1" value="$" checked="checked" /&gt;$ &lt;input type="radio" id="frmBuyerComments_percentage1" name="frmBuyerComments_RadioGroup1" value="%" /&gt; %&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;%--Reason Code :  &lt;select id="frmBuyerComments_RsnCode1" runat="server"&gt;&lt;/select&gt;
          Denominator :  &lt;input type="radio" id="frmBuyerComments_money1" name="frmBuyerComments_RadioGroup1" value="$" checked="checked" /&gt;$ &lt;input type="radio" id="frmBuyerComments_percentage1" name="frmBuyerComments_RadioGroup1" value="%" /&gt; %--%&gt;
      &lt;/div&gt;    
  
      &lt;div&gt;
          &lt;input type="button" id="btnAdd" class="_Buttons" onclick="AddExtraField()" value="More Reason Code" /&gt;
          &lt;input type="button" id="btnDel" class="_Buttons" onclick="RemoveExtraField()" value="Remove Reason Code" /&gt;
      &lt;/div&gt;
  
      &lt;table cellspacing="0" cellpadding="2" width="100%" style="margin:10px 0px 0px 0px;" id="TableOtherInputs"&gt;
          &lt;tr&gt;
              &lt;td width="25%"&gt;Comments&lt;/td&gt;
              &lt;td class="_CommentsData"&gt;&lt;textarea rows="4" cols="24" id="frmBuyerComments_ByerComments" name="frmBuyerComments_ByerComments"&gt;&lt;/textarea&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="_CommentsLabel"&gt;&lt;/td&gt;
              &lt;td class="_CommentsData"&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>