jquery problem with .children() and .fadeOut()
<p>I want to get all the children of a div, fade them out, and then insert some text in the div. I'm using a callback function in fadeOut() so the animation is smooth:</p>

<pre><code>var foo = $(this).parents('.foo').eq(0);
foo.children().fadeOut(300,function() {
  foo.prepend('some text');
});
</code></pre>

<p>Problem is that fadeOut seems to be firing on <em>each</em> of the children in sequence, rather than all at once - there are three children, so the callback function fires for each of them, resulting in three instances of the inserted text. I could just wrap all the children in a div and fade that out, but I'd like to avoid adding more markup if I can. Is there another way?</p>
