title: jquery set focus on element in next div
body: <p>I'm trying to set the focus on a textarea element when clicking on the headline link. 
  this is the HTML:</p>
  
  <pre><code>&lt;h2 class="trigger active"&gt;&lt;a href="#" id=""&gt;header&lt;/a&gt;&lt;/h2&gt;
  &lt;div class="toggle_container" style="display:block;"&gt;
      &lt;div class="block" id="1"&gt;
          &lt;div&gt;Blah&lt;/div&gt;
  
          &lt;textarea name="VALUE"&gt;Blah blah&lt;/textarea&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I relatively target the Textarea when clicking the H2?</p>
  
  <p>I prepared a jsfiddle:
  <a href="http://jsfiddle.net/MkePe/3/" rel="nofollow">http://jsfiddle.net/MkePe/3/</a></p>
  
  <p>Any help appreciated..</p>
  
  <p>UPDATE:
  There was already a working solution, but when there are DIVs that don't exactly have the right content, everything breaks down. The get(0) method produces a JS error if there's no Textarea. Is there a flexible solution that keeps this in mind as well? Here's the non-working-fiddle:
  <a href="http://jsfiddle.net/3AbHY/3/" rel="nofollow">http://jsfiddle.net/3AbHY/3/</a></p>