title: Finding the input element of next TD
body: <p>having trouble finding the <code>input</code> element in the next <code>td</code>. I need to get place a value into the td class of tblCashSum's textbox.</p>
  
  <p>However, if I do the following:</p>
  
  <pre><code>alert(formElement.nextAll('td.tblCashSum').find('input.cashSum').val());
  </code></pre>
  
  <p>It reads undefined.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class='tblCashType'&gt;100&lt;/td&gt;
      &lt;td class='tblCashAmount'&gt;&lt;asp:TextBox class="inputBox" ID="noteAmount100" runat="server"&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
      &lt;td class='tblCashSum'&gt;&lt;asp:TextBox class="inputBoxDisabled cashSum" ReadOnly="true" runat="server" ID="cashSum100"&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$("noteAmount").blur(function(){
   calc($(this));
  });
  
  function calc(formElement)
  {
      a = formElement.val();
      b = formElement.closest('td').siblings('td.tblCashType').text();
      x = a * b;
      formElement.nextAll('td.tblCashSum').find('input.cashSum').val(x);
  }
  </code></pre>