title: Sequence.JS not animating (or doing anything really)
body: <p>I'm working on creating a site using <a href="http://sequencejs.com" rel="nofollow">Sequence.JS</a>. I've looked over the markup a dozen times, I've got a few <code>animate-in</code> and <code>animate-out</code> classes so it should do <strong>SOMETHING</strong> when it loads. Here's my HTML markup:</p>
  
  <pre><code>&lt;div id="feature"&gt;
      &lt;div id="featurewrap"&gt;
          &lt;div id="slider"&gt;
              &lt;ul id="slides" class="sequence"&gt;
                  &lt;li class="slide1"&gt;
                      &lt;div class="headline left"&gt;
                          &lt;a href="#"&gt;
                              &lt;h2&gt;Testing the slider headline&lt;/h2&gt;
                              &lt;p class="blurb"&gt;This is an example of the captions you can have on the slider&lt;/p&gt;
                          &lt;/a&gt;
                      &lt;/div&gt;
                      &lt;img src="img/slides/slide1.jpg" /&gt;
                  &lt;/li&gt;
                  ...Slide2...
                  ...Slide3...
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's my jQuery markup:</p>
  
  <pre><code>$(function(){
      var options = {
          preloader: false,
          hideFramesUntilPreloaded: false,
          fallback: {
              theme: "fade",
              speed: 500
          },
          pauseOnHover: true,
          animateStartingFrameIn: true,
          transitionThreshold: 250,
          reverseAnimationsWhenNavigatingBackwards: false,
          autoPlay: true,
          autoPlayDelay: 6000
      };
      var sequence = $("#slider").sequence(options).data("sequence");
  });
  </code></pre>
  
  <p>Additionally, here's the site I'm currently working on: <a href="http://www.cirkut.net/sub/2013northwood/" rel="nofollow">cirkut.net/sub/2013northwood/</a></p>
  
  <p>There's no console errors. As far as I can tell all scripts are loading properly and are in order. Sequence should be adding <code>animate-in</code> classes to the first slide. Nothing is currently happening, even with <code>autoPlay</code> on.</p>
  
  <p>Any ideas? Thanks!</p>
  
  <p><strong>UPDATE:</strong>
  I've added a class of <code>.sequence-canvas</code> to the <code>ul</code> and now the first slide animates in.  However, I now have the problem of sequence.js not animating to the next slide after 6000ms.</p>
  
  <p><strong>P.S. UPDATE</strong>
  Okay, now it's randomly working.</p>
  
  <p>For anyone who reads this question in the future, <strong>MAKE SURE</strong> you add a class of <code>.sequence-canvas</code> to the <code>ul</code> that contains the slides!</p>