jQuery: Set auto height on page load
<p>I need the <code>class</code> inside of the <code>&lt;li&gt;</code> tag to be auto height/adjustable to its <code>&lt;li&gt;</code>, however it wasn't possible with CSS(<code>height:auto;height:100%</code> and other options) so I tried jQuery but I'm a newbie so I tried what I've learned so far.<br/> The following code does just what I need but I wasn't able to figure out how to set the auto height for the class on page load instead of <code>.click</code> function. Please note that I have many <code>&lt;li&gt;</code> tags with different sizes so <code>(this)</code> needs to be included.</p>

<pre><code>$j("#accordion ul li").click(function () { 
  var current = $j(this).height() - 2;
  $j(this).find(".status-green").attr("style","height:" + current + "px");
});
</code></pre>

<p>Thanks in advance</p>
