title: Isotope Jquery plugin layout issues
body: <p>i am trying to set up isotope on this site, it needs to handle the layout and i need to be able to append items to the container.</p>
  
  <p>The issue is that it does not seem to initialize the images properly, here is how i init it:</p>
  
  <pre><code>$(document).ready(function(){
  
      var $container = $('#container');
      $container.isotope({
            masonry: {
              columnWidth: 400,
              gutterWidth: 10
          },
          filter: '*',
          animationOptions: {
              duration: 750,
              easing: 'linear',
              queue: true
          },
          resizesContainer: true,
      });
  
      load_more();
  });
  </code></pre>
  
  <p>The images are completly unaffected by the masonry options, and if i specify "Width" in my CSS i have loading issues.</p>
  
  <p>load_more preforms an ajax call and on success it calls this function with the data returned:</p>
  
  <pre><code>function data_loaded(data) {
  
      var newItems = "";
      for (var i = 0; i &lt; data['posts'].length; i++) {
          newItems += '&lt;div class="item" &gt;&lt;img class="gallery_img" src="'+data['posts'][i]['images'][0]['path']+'" /&gt;&lt;/div&gt;';
      }
  
      /* append images*/
      var $newItemsObj = $(newItems);
      $('#container').isotope( 'insert', $newItemsObj );
  }
  </code></pre>
  
  <p>The site is      <a href="http://www.hotchinesebabes.com/" rel="noreferrer">http://www.hotchinesebabes.com/</a>
  <strong>The site is safe for work, there are no nude images</strong></p>
  
  <p>It also seems like the site needs a refresh to load properly, i guess the images get catched the second time, so it fails the first time due to triggering isotope prior to image load ?</p>