jQuery Get Height of Responsive Image
<p>I have a set of images that are responsive to the page (i.e. max-width set to 100% ).</p>

<pre><code>&lt;div class="exh"&gt;
   &lt;img src="#" /&gt;
&lt;/div&gt;
&lt;div class="exh"&gt;
   &lt;img src="#" /&gt;
&lt;/div&gt;
&lt;div class="exh"&gt;
   &lt;img src="#" /&gt;
&lt;/div&gt;
</code></pre>

<p>with</p>

<pre><code>.exh img {
   max-width:100%;
}
</code></pre>

<p>How do I retrieve the height of the image after the window is resized and whenever the page is loaded? When I use the following, I get a height of 0.</p>

<pre><code>$(".exh img").each(function() {
    var $this = $(this);
    console.log( $this.height() );
});
</code></pre>
