How to save original height of a series of boxes when height is unkown?
<p>I have a series of boxes:</p>

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

<p>The css:</p>

<pre><code>.box {
   height: auto;
}
</code></pre>

<p>The actual height is set only once the boxes are loaded with content, therefore I don't know their height at start. </p>

<pre><code>$(".box").each(function(){
    boxHeight = $(this).height();
});
</code></pre>

<p>Bu that's wrong, basically I need to save those heights and be able to reuse them later on</p>
