title: have list slide up and append the first item to the end of the list
body: <p>I want to basically slide all my li's up and the top one, will append to the bottom and it will be a rotation of upcoming events. </p>
  
  <p>This is what i have so far. It slides the first one up and appends it to the end of ul, but then it just keeps appending that same li to the ul every 1000 ms. </p>
  
  <p>Why doesn't it keep sliding the first one up? I'm assuming i have to use the live function somehow??</p>
  
  <pre><code>$(document).ready(function() {
  
      function scroll() {
          $('#events ol li:first').slideUp();
  
          $('#events ol li:last').appendTo($('#events ol'));
      }
  
  
      setInterval(scroll, 1000);
  });
  </code></pre>