title: JS and Animate.css interval Issue
body: <p>I am using animate.css for a feed.  I have a div named feed that uses uses the slideInLeft class, remains for 3 seconds, then uses the fadeOut class.  At this point, I need to change the content of the div and start again.  Here's what I've got:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="feed"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var myCars=new Array("Saab","Volvo","BMW");
  var wIndex = 0;
  $('#feed').text(myCars[wIndex]);
  setInterval(function () {
      ++wIndex;
      if (wIndex &gt;= myCars.length) {
          wIndex = 0;
      }   
      $('#feed').removeClass('animated slideInLeft');
      $('#feed').addClass('animated fadeOut').addClass('hidden');
      $('#feed').text(myCars[wIndex]);
      $('#feed').removeClass('animated fadeOut').removeClass('hidden');
      $('#feed').addClass('animated slideInLeft');
  }, 3000);
  </code></pre>
  
  <p><a href="http://jsfiddle.net/tjfo/5a3SL/" rel="nofollow">http://jsfiddle.net/tjfo/5a3SL/</a></p>
  
  <p>The initial change from the first element in the array to the second works properly, fade out, slide in.  All the following transitions just change the text in the div with no fade out, slide in.  Animate.css is the preferred method for completing this task.  Can anyone help figure out how to make it work properly?</p>
  
  <p>Thanks!</p>