title: recalculate element height in jQuery after class change
body: <p>I've got a list of items and according to a criteria it gets a class via jQuery on document.ready that triggers CSS3 columns. </p>
  
  <p>If the list is displayed in columns it would have a smaller height. Is there any way to get the new height in jQuery immediately after the class change? </p>
  
  <pre><code>$items.each(function(i){
  
  var theItem = this;
  
  console.log($(theItem).height());
  
  //extended layout
  
  if ( theCriteria ) {
      $(theItem).addClass('extended'); 
      console.log('after', $(theItem).height()); }
  }
  </code></pre>
  
  <p>The code above returns the initial height on both calls. I'm guessing I need to trigger something else.</p>