jscript/jquery: fade in divs 1 by 1, with pause inbetween
<p>I am totally stumped here.</p>

<p>I have a bunch of messages, each within a div "msg_feed_frame_$i" which increases, so message 1 is in div "msg_feed_frame_1", msg 2 is in "msg_feed_frame_2", etc etc. I want to fade these messages in one by one using jquery, but for some reason no matter what I do with settimeout and setinterval, the code immediately fades them all in simultaneously.</p>

<p>This is what i've got so far:</p>

<pre><code>function feed(i)
{
    var div = "#msg_feed_frame_";
    var fader = div.concat(i);
    $(fader).fadeIn(2000);

}

function timefade()
{
var num = 1;
for (num=1; num&lt;=10; num++)
{
var t=setTimeout(feed(num),1000);
}
}

$(document).ready(function(){
        timefade();
    });
</code></pre>
