title: Set equal height
body: <p>I want to set equal height for columns inside each my .block div I use each function to make it works individually but somehow it set equal height for all my div. This is the code, please help me. I only want 2 columns in each block has same height, not all columns. Thanks</p>
  
  <pre><code>//block1
  &lt;div class="block"&gt;
    &lt;div class="column"&gt;&lt;/div&gt;
    &lt;div class="column"&gt;&lt;/div&gt;
  &lt;/div&gt;
  enter code here
  
  //block2
  &lt;div class="block"&gt;
    &lt;div class="column"&gt;&lt;/div&gt;
    &lt;div class="column"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  js 
  $.fn.equalizeHeights = function () {
     return this.height(Math.max.apply(this, this.map(function () {
       return $(this).outerHeight(true);
     })));
  };
  
  var block = jQuery('.block');
  block.each(function() {
    var columns = jQuery(this).find('.column');
    columns.equalizeHeights(); 
  });
  </code></pre>