jQuery set height of element
<p>How do I set the inner div's height to it's parent using the each() method? </p>

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

<p>This doesn't seem to work:</p>

<pre><code>$('.box').each(function(){
    var $this = $(this);
    var $inner = $this.find(".inner");
    $inner.height( $this.height );

});
</code></pre>
