.each() in a div element, find a child element, set height based on its content (advanced?)
<p>I need to find each row of divs, and base the height of the h2s in that row based on the h2 that got the most content.</p>

<p>I'm trying to loop through a div(main) that cointain divs(child), in that div i got sections(children) and in that section i got a h2. </p>

<p>Now based on the content in the h2 that got the most content in it, I set the height of the other h2s with the jQuery library: <a href="http://www.tomdeater.com/jquery/equalize_columns/" rel="nofollow">http://www.tomdeater.com/jquery/equalize_columns/</a></p>

<p>I know some jQuery, but not that much that I can figure this out how to do this.</p>

<p>Best is to check jsfiddle link <a href="http://jsfiddle.net/CbNRH/13/" rel="nofollow">http://jsfiddle.net/CbNRH/13/</a>. I'm not finished with the script. First I'm trying to find the h2 element and write out its value. Then I thought I would move on, but this is more complex than my knowledge of jQuery. Any help is appreciated.</p>

<pre><code>&lt;div id="col-main"&gt;
    &lt;div class="contain"&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;depending on my content i use .equalizeCols()&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;2&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
    &lt;/div&gt;
    &lt;div class="contain"&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;depending on my content i use .equalizeCols()&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;3&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
    &lt;/div&gt;
    &lt;div class="contain"&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;depending on my content i use .equalizeCols()&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
        &lt;section&gt;&lt;div&gt;&lt;h2&gt;6&lt;/h2&gt;&lt;/div&gt;&lt;/section&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id="write-out"&gt;&lt;/div&gt;

$('#col-main &gt; div').each(function () {
      var $this = $(this);
      $('#write-out').text($this.child('section').find('h2').val());
});

div.contain { margin-bottom: 10px; background-color: #dddddd; }
div.contain section { padding: 10px; }
div.contain section div h2 { font-size: 12px; width: 80px; background-color: red; }

div#write-out { font-size: 16px; padding: 10px; background-color: #ffcc00; }
</code></pre>
