title: Methods not calling in isotope.js
body: <p>I am using jQuery 1.11 min and isotope.js I downloaded January 2014. It seems to get a little stuck calling some methods. Error messages are as follows in latest Safari version (v6.1.2):
  On loading and initializing the page:</p>
  
  <blockquote>
    <p>[Error] cannot call methods on isotope prior to initialization; attempted to call 'appended'
      (anonymous function) (isotope-docs.min.js, line 1)
      (anonymous function) (isotope-docs.min.js, line 1)
      complete (js_asana.js, line 143)
      (anonymous function) (js_asana.js, line 216)</p>
  </blockquote>
  
  <p>And using reLayout I get this:</p>
  
  <blockquote>
    <p>[Error] no such method 'reLayout' for isotope instance
      (anonymous function) (isotope-docs.min.js, line 1)
      (anonymous function) (isotope-docs.min.js, line 1)
      switchMismatch (js_asana.js, line 179)
      (anonymous function) (js_asana.js, line 206)
      each (jquery-1.11.0.min.js, line 2)
      (anonymous function) (js_asana.js, line 191)</p>
  </blockquote>
  
  <p>Maybe I'm not declaring things properly. Initializing jQuery and isotope in the head of the html page:</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;script src="js/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/isotope-docs.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;script type="text/javascript" src="js/js_asana.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>The "js_asana.js" page is a separate javascript page with the code:</p>
  
  <pre><code>$( document ).ready(function() {
   var $container1 = $('#container');
   var $container2 = $('#container2');
  function complete(t, dd, i, c) {
  ///this function is passed along from a array built from a JSON GET call
  ///that part works ok and passes along the variables
  var $newEls = $('&lt;div class="element ' + e_type + more + ' isotope-item" data-category="lanthanoid" style="font-size:1em;" id="' + i + '"&gt;&lt;p class="number"&gt;' + due_date_text + '&lt;/p&gt;&lt;h3 class="symbol"&gt;' + c + '&lt;/h3&gt;&lt;h2 class="name"&gt;' + t + '&lt;/h2&gt;&lt;/div&gt;');
          if (c == true) {
               //code
               $container2.append( $newEls ).isotope( 'appended', $newEls );
          }else{
          $container1.append( $newEls  ).isotope( 'appended', $newEls );
          }
  return false;
        }
  </code></pre>
  
  <p>That's not the complete code, but if anyone needs a demo, I can provide in an edit.</p>
  
  <p>Here is the function using the reLayout. Maybe I shouldn't call these methods inside of a function? Note that all functions are within the document.ready function</p>
  
  <pre><code>function switchMismatch(s, n, d, i, c){
               ///this function is in case a task is completed
               /// ...or moved from 'complete' to 'incomplete for whatever reason.
               var $which_container
               s == 1 ? $which_container = $container1 : $which_container = $container2 ;
               var $removable = i;
               complete(n, d, i, c);
               jQuery('#' + i).remove();
               $container1.isotope( 'reLayout');
               $container2.isotope( 'reLayout');
               return false;
  }
  </code></pre>