title: jQuery: infinite loop through array... each()?
body: <p>Fiddle here:
  <a href="http://jsfiddle.net/F6nJu/" rel="nofollow">http://jsfiddle.net/F6nJu/</a></p>
  
  <p>I have a colored box:</p>
  
  <pre><code>&lt;div id="colorblock"&gt;&lt;/div&gt;
  #colorblock { background:#3ff; width: 100%; height: 300px; }
  </code></pre>
  
  <p>I have an array of colors created in javascript:</p>
  
  <pre><code>var arr = [ "#f00", "#ff0", "#f0f", "#f66"];
  </code></pre>
  
  <p>I iterate through those colors with a jQuery <code>each()</code> function:</p>
  
  <pre><code>$.each(arr, function(key, value) {
    $('#colorblock').delay('1200').animate({backgroundColor:value}, 600);
  });
  </code></pre>
  
  <p>When the array iterates to the end, how can I start the array iteration over (so the animation goes on forever)?</p>