jquery this context
<p>let's say I have two divs like this:</p>

<pre><code>&lt;div class="myDiv"&gt;
    &lt;textarea class="info_box" attribute="first" rows="4" cols="40"&gt;Enter text here...&lt;/textarea&gt;
    &lt;button class="submit_btn"&gt;Click me!&lt;/button&gt;
&lt;/div&gt;

&lt;div class="myDiv"&gt;
    &lt;textarea class="info_box" attribute="second" rows="4" cols="40"&gt;Enter text here...&lt;/textarea&gt;
    &lt;button class="submit_btn"&gt;Click me!&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>I want to be able to get the textarea within each div when I click on my button 'submit_btn'. I tried something like this:</p>

<pre><code>$('body').delegate('.myDiv .submit_btn', 'click', function(){
    var myTextarea = $('.info_box', this);
});
</code></pre>

<p>But that returns undefined</p>

<p>Any help please</p>
