title: jQuery Plugin Isotope not rearranging items properly
body: <p>I'm using Isotope in one of my projects and for some strange reason I cannot get it to work like the <a href="http://isotope.metafizzy.co/demos/elements-complete.html" rel="nofollow">demo</a> (click on element #26 Iron and you'll notice how #30 Zinc moves up to fill in the empty space the large block would have left).</p>
  
  <p>Here's a <a href="http://jsfiddle.net/LBHHK/1/" rel="nofollow">jsfiddle of where im at</a>. Notice when you click Category 2, there are two black spaces where category 3 and 4 should be.</p>
  
  <p>Here is my isotope js: </p>
  
  <pre><code>$(document).ready(function() {
    var $iContainer = $('#ls-container');
  
    $iContainer.isotope({
      itemSelector : '.ls-item',
      layoutMode : 'masonry',
      masonry : {
        columnWidth : 170
      }
    });
  
    $iContainer.delegate( '.ls-item', 'click', function() {
      $(this).addClass('large-item').siblings().removeClass('large-item');
      $iContainer.isotope('reLayout');
  
    });
  
  });​
  </code></pre>