How do I get a trigger after .each completes?

How do I get a trigger after .each completes?

 I'm using .each and .delay to have a background color crawl down some list items, as below. But I can't figure how to then trigger a change, such as another background color, after all the .each iterations are complete. Everything I do with the returned object happens immediately. Suggestions? tks.

   
    
    
  1.  <script type="text/javascript">
    2. 
    
  2.  var saveObj;
    3. 
    
  3.  jQuery(function(){ 
    4. 
    
  4.  jQuery('#text li').each(function(i){
    5. 
    
  5.    jQuery(this).delay(i*1500).fadeIn(1500,function(){
    6. 
    
  6.        jQuery(this).css({'background-color':'orange','border':'solid 2px red'});
    7. 
    
  7.       }
    8. 
    
  8.      );
    9. 
    
  9.    }).css("background-color","red");
    10. 
    
  10.  });
    11. 
    
  11. </script>
    12.