Working with child elements in jQuery
<p>I have the following HTML:</p>

<pre><code>&lt;div class="outer"&gt;
    &lt;div class="inner"&gt;&lt;/div&gt;
    &lt;div class="inner"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Why does this work?:</p>

<pre><code>$(".inner").css("height", 10);
</code></pre>

<p>And this doesn't:</p>

<pre><code>$(".outer").children().css("height", 10);
</code></pre>

<p>UPDATE:</p>

<p>Just to be clear, the above DOES work.  See answer below.</p>
