title: Set a DIV height equal with of another DIV
body: <p>I have two DIVs, <code>.sidebar</code> and <code>.content</code> and I want to set <code>.sidebar</code> to keep the same height with the .content.</p>
  
  <p>I've tried the following:</p>
  
  <pre><code>$(".sidebar").css({'height':($(".content").height()+'px'});
  
  $(".sidebar").height($(".content").height());
  
  var highestCol = Math.max($('.sidebar').height(),$('.content').height());
  $('.sidebar').height(highestCol);
  </code></pre>
  
  <p>None of these are working. For the <code>.content</code> I don't have any height since will increase or decrease based on the content.</p>
  
  <p>Please help me. I have to finish up a web page today and this (simple) thing is giving me headaches.</p>
  
  <p>Thank you!</p>