Wait/Pause/Sleep in jQuery Each Loop between Iterations
<p>I simply want to add a pause after each iteration of a jQuery each loop, I can't seem to figure it out.</p>

<pre><code>$(".item").each(function(i){
    var el = this;
    var timer = setTimeout(function(){
        $(el).trigger("click");
    }, 500);
});
</code></pre>

<p>This is not firing every 1/2 second, but rather triggering click on all items at once.</p>

<p>I want something like this (pseudocode):</p>

<pre><code>$(".item").each(function(i){
    $(this).trigger("click");
    wait(500); // wait a half second before the next iteration
});
</code></pre>

<p>Any working method of this?</p>
