title: jQuery add Height to parent
body: <p>I have 8 tabs ranging in all different heights. Each having a similar class, and the active tab having its own class.</p>
  
  <p>How can i get the height of the active tab and add it as a style to its parent? (When a different tab becomes active, the new height needs to be added.)</p>
  
  <p>The code below is an example of what im trying to get. Thanks.</p>
  
  <pre><code>&lt;div id="parent" style="height: 1426px;"&gt;
    &lt;div class="child"&gt;&lt;/div&gt;         ( height: 2245px )
    &lt;div class="child"&gt;&lt;/div&gt;         ( height: 983px )
    &lt;div class="child"&gt;&lt;/div&gt;         ( height: 3004px )
    &lt;div class="child active"&gt;&lt;/div&gt;  ( height: 1426px )
    &lt;div class="child"&gt;&lt;/div&gt;         ( height: 1209px )
  &lt;/div&gt;
  </code></pre>