title: Use Isotope with objects loaded in with XML and jQuery. Is this possible?
body: <p>I have objects I am loading in with XML and jQuery and trying to hook on to Isotope, but is seems it's a no go. Is this possible? I've tried many different solutions but can't seem to find one that works. This is what I have. I've tried a callback function in isotope, but still no luck.. I am calling in my class with the XML and the result is this in firebug: <strong>item yellow, item red</strong>, <strong>item blue</strong>, etc.</p>
  
  <pre><code>    var $container = $('#container');
      var $checkboxes = $('#filters a');
  
      $container.isotope({
      itemSelector: '.item',
      transformsEnabled: false,
      animationOptions: {
      duration: 4000,
      easing: 'easeInOutQuad',
      queue: false,
      complete: complete()
      }
      });
  
  
      function complete(){
             $.get('sites.xml', function (d) {
  
      $(d).find('site').each(function () {
          // var id = $(this).attr('id');
          var imageUrl = $(this).find('imgurl').text();
          var title = $(this).find('title').text();
          var url = $(this).find('url').text();
          var brief = $(this).find('brief').text();
          var long = $(this).find('long').text();
          var classa = $(this).find('_class').text();
  
      $('&lt;div class="' + classa + '"&gt;&lt;/div&gt;').html('&lt;a href="' + url + '"&gt; 
          &lt;img  src="' + imageUrl + '" class="thumbnail" /&gt;' + '&lt;h1&gt;' + title + '&lt;/h1&gt; 
          &lt;/a&gt;').appendTo('#container');
  
          });
  
       });
  
          }
  </code></pre>