title: Detected height of a percentage-width-div is still the same after resizing the window? jQuery
body: <p>It is hard to explain… so I opened a Fiddle: 
  <a href="http://jsfiddle.net/qga046f3/" rel="nofollow">http://jsfiddle.net/qga046f3/</a></p>
  
  <p>Goal: My goal is to get three divs of the same height. So I detect all the heights and choose the biggest one and apply this height to the other div-containers. 
  If the user resizes the browser-window the heights of the divs should be re-adjust. But jQuery gives me always the same height from first time. Why?</p>
  
  <p>This is my jQuery code: </p>
  
  <pre><code>var adjustheights = function(){
      heights = [];
      $('.element').each(function(i){
          heights.push($(this).outerHeight());
      }); 
      var maxHeight = Math.max.apply(Math, heights);
      $('.element').css('height', maxHeight);
      $('.maxheight').html(maxHeight);
  }
  
  adjustheights();
  
  $(window).resize(function(){
      adjustheights();    
  });
  </code></pre>