title: jQuery Isotope and InfiniteScroll - Appended items not being properly placed in the layout
body: <p>I've got Isotope on the page and it works independently. I've got InifiniteScroll on the page and it works independently. When InfiniteScroll loads new items, I append them to my container but instead of being placed properly in the layout, they all appear in a single column down the left-hand side of the container. Here's my JS:</p>
  
  <pre><code>$(function() {
  
    var container = $('#wall .page');
  
    container.isotope({
      itemSelector: '.brick'
    });
  
    container.infinitescroll({
      navSelector: "nav.pagination",
      nextSelector: "nav.pagination a[rel=next]",
      itemSelector: ".brick",
      loading: {
        finishedMsg: 'No more items to load.',
        img: 'http://i.imgur.com/qkKy8.gif'
      }
    }, function (newElements) {
      container.isotope('appended', $(newElements));
    });
  
  });
  </code></pre>
  
  <p>I have a hard time believing it's a CSS or html problem since Isotope handles the initial items on the first page without a problem. I'm willing to provide more information if you can let me know what you need to see.</p>