title: isotope doesn't reLayout when items are appended
body: <p>I am trying to append new items to a container via ajax request on Rails (<a href="http://jsfiddle.net/maqra/2/" rel="noreferrer">jsfiddle</a> with explanation is provided below)</p>
  
  <p>my js response I wrote is</p>
  
  <pre><code>var $newthumbs = "..new items..";
  $('#homepage_thumbnails').append( $newthumbs );
  $('#homepage_thumbnails').isotope( 'appended', $newthumbs );
  </code></pre>
  
  <p>I seem to have some sort of a problem once the new items are appended.. 
  Once the items are appende, isotope doesn't seem to fire and I am left with items which were initially isotoped and the new items which are not isotoped.</p>
  
  <p>this is an example of what I have (I got several isotoped items and then straight after several new unisotoped items)</p>
  
  <pre><code>&lt;div id="homepage_thumbnails" class="thumbnails isotope" style="position: relative; overflow: hidden; height: 720px;"&gt;
  &lt;div class="thumbnail-item isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 480px, 0px);"&gt;
  ...
  &lt;/div&gt;
  &lt;div class="thumbnail-item thumbnail span2"&gt;
      ...
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>note that is happens with <code>$('#homepage_thumbnails').isotope( 'insert', $newthumbs );</code> as well</p>
  
  <p>What is going on here?</p>
  
  <p><strong>Update</strong></p>
  
  <p>It seems that isotope gets stuck somehow.. since if I put alert('test') after it, it won't get fired. If I put the alert beforethe isotope call, the alert gets fired... ahhh help</p>
  
  <p><strong>Update 2</strong></p>
  
  <p>I've made a <a href="http://jsfiddle.net/maqra/2/" rel="noreferrer">jsfiddle</a> that shows the problem. It is very simple, but I think the problem is simple as well - I'm just missing out on something important.</p>
  
  <p><strong>jsfiddle explanation and how it related to my original problem:</strong></p>
  
  <p>on the jsfiddle are 2 class - <code>item</code> and <code>red-item</code>. A simple layout of 3 items with transparent background (to show the problem better). Once <code>clickme</code> is clicked a <code>new-item</code> should join the group via append and then recombabulized with isotope. The result as seen is that the <code>red-item</code> is below the first <code>item</code> and doesn't get isotoped. Via inspect it can be seen that it is the same as my original problem which is that the original items get isotoped, yet the new appended items don't.</p>
  
  <p>Hope I made it clear and that someone will be able to help me and prove me sane. Thank you.</p>
  
  <p><strong>Update 3</strong></p>
  
  <p>The solution (partial) is to engulf newthumbs with $() like so</p>
  
  <pre><code>var $newthumbs = $("..new items..");
  </code></pre>
  
  <p>however I still have a problem with this..</p>
  
  <p>on this <a href="http://jsfiddle.net/maqra/4/" rel="noreferrer">jsfiddle</a> I've added the solution and make is so 2 div are added each time.</p>
  
  <p>on this <a href="http://jsfiddle.net/maqra/6/" rel="noreferrer">broken fiddle</a> I've added the divs similiar to how render helper does on Rails, which added \n \t and so forth. This doesn't seem to work.</p>
  
  <p>I am trying to figure out how to make it work..</p>