title: jQuery image slider loop with setInterval
body: <p>I have this markup:</p>
  
  <pre><code>&lt;div id="imagedisplay"&gt;
      &lt;div class="slider_item active"&gt;&lt;/div&gt;
      &lt;div class="slider_item"&gt;&lt;/div&gt;
      &lt;div class="slider_item"&gt;&lt;/div&gt;
      &lt;div class="slider_item last"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this script</p>
  
  <pre><code>setInterval(function(){
      $('.slider_item.active').fadeOut().removeClass('active')
          .next('.slider_item').fadeIn().addClass('active');
  }, 5000);
  </code></pre>
  
  <p>How do I make this loop in the best way? Right now the last image just fades out, without the first image fading in again.</p>