How can I make sure a grid align is always aligned top?

[ooozydev]

I'm trying to figure out how to always align the items to the top, as in right on the edge to the next element. It fixes itself sometimes, and other times not.

Test case: http://dev.oozy.me/el/

It should look like:

Which does,s sometimes.

jQuery:

    function initIsotope() {
      var $grid = $(".file-list").packery({
        itemSelector: "li",
        gutter: 0,
        percentPosition: false
      });

      $grid.imagesLoaded().progress(function() {
        $grid.packery();
      });
    }

$(document).ready(function() {
  initIsotope();
});

What am I doing wrong?

[desandro]

If you're dynamically adding content, you'll need to trigger initIsotope after that content has been added to the page, not just on document.ready.