title: matching div heights with jQuery
body: <p>trying to match div heights using jQuery, and it seems I can only get it to match the smallest height, but I want it to match the tallest column. from what I can tell the code should find tallest column? so I am very confused, here is what I am using </p>
  
  <pre><code>function matchColHeights(col1, col2) {
      var col1Height = $(col1).height();
      var col2Height = $(col2).height();
      if (col1Height &lt; col2Height) {
          $(col1).height(col2Height);
      } else {
          $(col2).height(col1Height);
      }
  }
  
  $(document).ready(function() {
      matchColHeights('#leftPanel', '#rightPanel');
  });
  </code></pre>
  
  <p>trying to do it here: <a href="http://www.tigerstudiodesign.com/blog/" rel="nofollow">http://www.tigerstudiodesign.com/blog/</a></p>