jQuery Selector - Children of children
<p>I have the following jquery snippets (used with <code>each</code> to iterate over a table of results):</p>

<pre><code>$('.foo').children('.bar').children('.first_baz').text();
$('.foo').children('.bar').children('.second_baz').text();
</code></pre>

<p>I use this to access <code>$firstvalue</code> and <code>$secondvalue</code>:</p>

<pre><code>&lt;tr class='foo'&gt;
&lt;td class='bar'&gt;&lt;span class='first_baz'&gt;".$firstvalue."&lt;/span&gt;&lt;span class='second_baz'&gt;".$secondvalue."&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>This works but is it efficient? I suspect there is a better way to access these values... what is it?</p>
