How do I get the first child of each of these rows?
<p>I have 2 rows, each with 2 text inputs. How do I go through each row w/ class "myRow" and, within each row, get the first child that has class "This"? I can get the first "This" class of row 1 but can't seem to get row 2.</p>

<p><a href="http://jsfiddle.net/qkPZm/" rel="nofollow">My fiddle</a></p>

<pre><code>&lt;!doctype html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta charset="utf-8" /&gt;
&lt;script src="http://code.jquery.com/jquery-1.8.1.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

$(document).ready(function(){

$('#btn').click(function(){
    $(".myRow").each(function(){
        var r = $(".This").eq(0).val();
        alert(r);
    });
});

});
&lt;/script&gt;

&lt;/head&gt;


&lt;body&gt;

&lt;div class="myRow"&gt;
    &lt;input type="text" class="notThis" value="wrong!"/&gt;
    &lt;input type="text" class="This" value="first one!"/&gt;
    &lt;input type="text" class="This" value="almost!"/&gt;
&lt;/div&gt;

&lt;br&gt;
&lt;br&gt;

&lt;div class="myRow"&gt;
    &lt;input type="text" class="notThis" value="wrong!"/&gt;
    &lt;input type="text" class="This" value="second one"/&gt;
    &lt;input type="text" class="This" value="almost!"/&gt;
&lt;/div&gt;


&lt;button id="btn"&gt;Submit&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
