Is there a performance advantage to coding this one way or another?
<p>I am using jQuery 1.7.1</p>

<p>I am trying to write this code for readability as well as performance.  In the two cases below, which one would perform better and why?</p>

<pre><code>// BLOCK ONE
var DivHeight = 0;
$(".PC_SeriesDiv").each(function() {
    var ThisDivHeight = $(this).height();
    if (ThisDivHeight &gt; DivHeight) {
        DivHeight = ThisDivHeight;
    }
});
DivHeight = DivHeight + "px";
$(".PC_SeriesDiv").animate({height: DivHeight}, 250);

// BLOCK TWO
var DivHeight = 0;
var PC_SeriesDiv = $(".PC_SeriesDiv"); 
PC_SeriesDiv.each(function() {
    var ThisDivHeight = $(this).height();
    if (ThisDivHeight &gt; DivHeight) {
        DivHeight = ThisDivHeight;
    }
});
DivHeight = DivHeight + "px";
PC_SeriesDiv.animate({height: DivHeight}, 250);
</code></pre>

<p>My question really boils down to whether there is any benefit in doing this:</p>

<pre><code>   var PC_SeriesDiv = $(".PC_SeriesDiv"); 
</code></pre>

<p>Suggestions would be greatly appreciated.  Thanks!</p>
