I have a table with a SAVE button on each row (id=SaveBD)...but I also have a SAVE ALL button at the top.  It works pretty good except the .each function seems to randomly stop near the end of the row count and not save all the rows.

 

 Here is the function - is there any mistakes that would cause the rows to stop saving? Thanks!!

 

$(document).ready(function(){
           
    $("#SaveAll").click( function(event){
    $ ("#SaveAll").hide();
   
    $("*[id^=SaveBD]").each(function(index){
    if ($("#Watson"+index).val() !== "Y")  {
    $("#savedItemBD"+index).html('<p align="center"><br><img src="spinner.gif" width="32"   height="32"><br> Loading...</p>');
  var handler_url = "SavedQuote_BigDeal.asp";
   $.ajax({
            type: "GET",
            cache: false,
            url: handler_url,
            data: 'Qty1='+ $('#Qty1BD'+index).val()+'&AdjCost='+ $('#AdjCostBD'+index).val()),
            async: true,
  
            success: function(response){ 
                $ ("#SaveBD"+index).hide();
                $("#savedItemBD"+index).html("<strong>Saved</strong>");
            }
        });
  }  
    }); 
     });
       });