title: jQuery .height() doesn't work as expected
body: <p>I have a page on which I want the div's that stand next to each other have equal height. </p>
  
  <p>I have the following function:</p>
  
  <pre><code>function setProjectsHeight() {
      var count = 0;
      $(".project").each(function() {
          if(count % 3 === 0) { 
              var highest = 0;
              for(i=count;i&lt;=count+2;i++) {
                  if($("div.project#"+i).height() &gt; highest) { 
                      highest = $("div.project#"+i).height(); 
                  }
              }
              console.log(highest);
          }
          count++;
      });
  }
  </code></pre>
  
  <p>Somehow the height is always zero. The selector seems to be right (tested that) and when console.log() the width with the same selector, it returns 200 (correct).</p>
  
  <p><strong>EDIT: Just solved it!</strong>
  Somehow I had the idea to set "body {display:none}" in the css and set this property back to 'block' at the end of document.ready(). I did this because I use jQuery UI buttons and users saw those buttons switch from a normal link to the UI lay-out.</p>
  
  <p>When I removed this functionality, everything worked again. It seems when setProjectsHeight() was called, body was still display:block. Thus, there was no calculated height.</p>
  
  <p>Thanks for your help!</p>