jQuery for loop - fadeIn not completing before iterating

jQuery for loop - fadeIn not completing before iterating

Sorry if this is a repost. I posted a similar question but it doesn't seem to have got moderated yet.

Anywho, so I have a for loop where I am applying a fadeIn for each element in a div group. As I'm for looping through each element, the loop doesn't wait till the fadeIn applies completely on one element .. before going to the next iteration.

So what I'd want as a step by step fading in is now happening all at once.

here's my code. Thanks a bunch !

// line_tmp, new_font_size is decided elsewhere.. not a biggie

for(i=12; i>1; i--)
 {
                     tmp_id = "#earthen_pot_line_"+i;
                    line_width = $(tmp_id).width();
                                       
                    if(line_width == 0)
                    {
                        line_width = line_tmp;   
                    }
                   
                    new_font_size = (currentFontSizeNum*line_tmp)/(line_width);
                   
                    $(tmp_id).css('font-size', new_font_size);
                    $(tmp_id).fadeIn(3000);
                                       
}

so tmp_id is the variable that stores the id of each element in that group.