I even have tried simplify a queue example:

2. var rootElement = $('body');
3. 
   
4. var array = Array(1, 2, 3, 4, 5, 6, 7, 8, 9);
5. for (var i = 0; i <= array.length - 1; i++) {
6. rootElement.delay(1000).queue(function() {
7. console.log(i);
8. });
9. }

The expected result is for the log to output the value of "i" every 1000 milliseconds... However this is not the case... Its like delay gets greedy and just skips ahead and processes everything.

Please what is going on here?