title: jQuery div height calculate separately
body: <p>I have this code:</p>
  
  <pre><code>var maxHeight = 0;
  $('div.height').each(function() { maxHeight = Math.max(maxHeight, $(this).height());      }).height(maxHeight);
  </code></pre>
  
  <p>This code calculate each box even in length. But I want each box calculate separately in length. How can i do this?</p>
  
  <p><strong>My HTML</strong></p>
  
  <pre><code>&lt;div class="height"&gt; 
       &lt;div class="overlay height"&gt;&lt;/div&gt;
       Content
  &lt;/div&gt;
  
  &lt;div class="height"&gt; 
       &lt;div class="overlay height"&gt;&lt;/div&gt;
       Content
  &lt;/div&gt;
  </code></pre>