title: Get the parent row and find an element in JQuery
body: <p>I have a checkbox in a column of an html table. When I check or uncheck it I want some text to be displayed/removed from a text area in the next column of the same row.<br>
  I did the following: </p>
  
  <pre><code>$(this).parent().parent().find('textarea').text = 'some text' 
  </code></pre>
  
  <p>and also</p>
  
  <pre><code>$(this).parent().parent().find('textarea').val = 'some text' 
  </code></pre>
  
  <p>but it does not work.</p>
  
  <p>The html is like:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;input type="checkbox" /&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;textarea&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want to get the textarea of the same tr of the checkbox I check</p>
  
  <p><strong>UPDATE</strong>  </p>
  
  <p>I found that I should use <code>.val("some text")</code> but now the function is called only if I click the checkbox in the first row. Not for the rest</p>