title: Jquery: adding a selector to an already selected object
body: <p>Greetings,</p>
  
  <p>By using the regular selector, I am able to select the grand parent of an input text field (which is a  element actually), and via .next() I selected the next row.</p>
  
  <pre><code>var nextOne = $(this).parent().parent().next();
  </code></pre>
  
  <p>From this next ro, I want to select the an input text field which is a ".foo", which is a grandchild of this row. </p>
  
  <p>How can this be achieved?</p>
  
  <p><strong>Edit:</strong> Each row is in such html format:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td  &gt;&lt;input alt="time" type="text" class="timefield start_time"/&gt;&lt;/td&gt;
      &lt;td  &gt;&lt;input alt="time" type="text" class="timefield end_time"/&gt;&lt;/td&gt;
      &lt;td  &gt;&lt;input type="text" class="programnamefield"/&gt;&lt;/td&gt;                
  &lt;/tr&gt;
  </code></pre>
  
  <hr>
  
  <p>And the method that chekcs if an end_time field is filled, if so, change the start_time of the next row as the end_time of the previous. And vice versa.</p>
  
  <pre><code>function autoCompleteTimes(){
      $('.end_time').change(function(){
          var nextOne = $(this).parent().parent().next();
  // TODO
          });  
  }
  </code></pre>