title: jquery make div repeatedly fade in and out
body: <p>hello i have a series of divs created in a for loop like so:</p>
  
  <pre><code>var myDiv ='#bannerHolder'
          var fib_str = '1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13'
          var widths_str = '33px, 31px, 35px, 9px, 16px, 50px, 33px, 24px, 40px, 20px, 63px, 30px, 10px, 29px, 11px, 12px, 51px, 31px, 35px, 11px, 14px, 50px, 30px, 25px, 38px, 20px, 35px'
          var pos_str = '0px, 44px, 105px, 144px, 153px, 203px, 236px, 269px, 280px, 354px, 374px, 437px, 447px, 457px, 506px, 517px, 529px, 604px, 646px, 687px, 698px, 712px, 762px, 787px, 823px, 895px, 915px'
          var color_str = '#D5E1D7, #18D4C9,#BF51C3,#1E82C9, #EDEDED, #E1C981, #C9A94F, #BDBCAA, #5DB522, #EB2F34, #823133, #004BD8, #A6A0A0, #DS9F36, #FFDB00, #69944F, #18D4C9, #BF51C3, #1E82C9, #6B949A, #FFDB00, #819E64, #BDBCAA, #54BA43, #EB2F34, #823133'
          var width = widths_str.split(",");
          var pos = pos_str.split(",");
          var color = color_str.split(",");
          var fib = fib_str.split(",");
          console.log(width);
          console.log(pos);
          console.log(color);
          var counter = width.length
          var stopper = false;
  for(i=0;i&lt;counter;i++){
                  var html = '&lt;div id ="stripe'+i+'"/&gt;'   
                  $(myDiv).append(html)
                  $('#stripe'+i).css({  'top': 0,  'left': pos[i],'position': 'absolute', 'float': 'left', 'background-color' : color[i]})
                  $('#stripe'+i).attr({ 'min-width' : width[i], 'min-height' : '100px'  })
                  $('#stripe'+i).width(width[i])
                  $('#stripe'+i).height('100px')
  
  
              };
  </code></pre>
  
  <p>what i want is to have each div created fade out completly then fade back in again and for this process to keep repeating for ever. if i try to use .animate() and call a function for the Complete: property i get too many recursions and the page breaks, how can i do this </p>