Animate and remove a div - jquery

Question

I'm removing a div from body with a fadeout effect with a delay.

$('#mydata div').each(function(i) {                 

        $(this).delay(200*i).fadeOut(1000);
            $(this).animate({
                "opacity" : "0",
            });

    });
    $('#mydata').remove();

But if i use $('#mydata').remove() animation doesn't work any solutions .. ?

Answer 1

Something like this :

$('#mydata div').each(function(i) {                 

        $(this).delay(200*i).fadeOut(1000);
            $(this).animate({
                "opacity" : "0",
                },{
                "complete" : function() {
                      $('#mydata').remove();
                }
            });

    });