How can I capture the height of a DIV's css attribute? For instance 'height'
<p>How can I capture the height of a DIV's css attribute? For instance 'height'.  Here is the HTML. I am using the jquery plugin height </p>

<pre><code>&lt;!doctype html&gt;  
&lt;html lang="en"&gt;  
&lt;head&gt;  
&lt;meta charset="utf-8"&gt;  
&lt;title&gt;The HTML5 Herald&lt;/title&gt;  

&lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'&gt;     &lt;/script&gt;
&lt;script type='text/javascript' src='http://orlandovisitornetwork.com/wp- includes/js/jquery/jquery.js?ver=1.6.1'&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;&lt;/script&gt;

&lt;/head&gt;  


&lt;body&gt;  

    &lt;div id="main" class='test'&gt;
    This is just a test
    &lt;/div&gt;

&lt;script type="text/javascript"&gt;  
window.onload=function()
  {
    var height = $("test").height();

          if (height &gt; 0px)
        {
          alert("DIV Height is" + 'height');
        }
  };
&lt;/script&gt;
&lt;/body&gt;  
&lt;/html&gt; 
</code></pre>

<p>And here is the css. Of course this is very simplified version.</p>

<pre><code>.test {
height: 500px;
}
</code></pre>
