JQuery each append and fadeIn one by one
<p>I have an each function on an array and I want to create a div for each array row and fade them in sequentially. Preferably how they are ordered in the array. Currently I manage to fade all in at once, but I want it sequentially. This is my code:</p>

<pre><code>$.each(data, function(key, val) {
    var generatedDiv = $(document.createElement('div'));

    generatedDiv.attr('id',"div-"+val.id);
    generatedDiv.css({//somecssproperties});
    $('#results').append(generatedDiv);
    generatedDiv.fadeIn("fast");
});
</code></pre>

<p>Any ideas?</p>

<p>Thanks.</p>
