динамическая форма не вычисляет промежуточный итог после удаления строки из середины

Question

, пожалуйста, мне нужна помощь здесь, всякий раз, когда я удаляю строку из середины, которая не из последней, создана динамически, промежуточный итог не будет вычислять

я создал динамическую форму, используя jquery, и она отлично работает,количество и цена с промежуточной суммой и итоговой суммой - все работает отлично.даже когда я удаляю строку, она правильно пересчитывается, но когда я удаляю строку сверху, то есть, скажем, третью строку из пяти строк, она будет очень хорошо пересчитываться, но когда я пытаюсь добавить новую строку, она не будет вычислятьпромежуточный итог и итоговая сумма, пока я не удалю каждую строку и не начну снова с начала.пожалуйста, мне нужна ваша помощь

     <h3>List here</h3>

           <table id="add-me" class="table table-bordered">
                <thead>
                    <tr>
                        <th>Description</th>
                        <th>Quantity</th>
                        <th>Price</th>
                        <th>Sub-Total</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr id="remove_me">
                        <td class="col-md-7">
                            <input type="text" id="description1" 
          name="description[]" class="form-control">
                        </td>
                        <td class="col-md-1">

                            <input type="text" value="0" id="quantity1" 
         name="quantity[]" class="form-control number_only" autofocus="" >
                        </td>
                        <td class="col-md-2">
                            <input type="text" value="0" id="price1" 
         name="selling_price[]" class="form-control price number_only">
                        </td>
                        <td class="col-md-2">
                            <input type="number" value="0.0" class="form- 
       control" id="sub_total1" name="sub-total" readonly>

                        </td>
                        <td class="col-md-2">
                        <button id="add-form" type="button" class="btn 
       btn-default" style="font-weight: 600;font-size: 20px;">+</button>

                        </td>

                    </tr>                            

                </tbody>
            </table>
            <div class="col-md-3 form-group" style="float: right;">
                <input type="number" value="0.0" class="form-control 
      final_total_amount" id="final_total_amount" name="total" readonly >
                <input type="hidden" name="total_item" id="total_item" 
       value="1" />
            </div>





     $(document).ready(function(){
    var final_total_amt = $('#final_total_amt').text();
     var count = 1;

  $(document).on('click', '#add-form', function(){
    count++;
    $('#total_item').val(count);

    $('#add-me').append('<tr id="row_id_'+count+'"><td class="col-md-7"> 
    <input type="text" id="description'+count+'" name="description[]" 
   class="form-control"></td><td class="col-md-1"><input type="text" 
   value="0" id="quantity'+count+'" name="quantity[]" class="form-control 
    number_only" autofocus="" ></td><td class="col-md-2"><input 
   type="text" 
  value="0" id="price'+count+'" name="selling_price[]" class="form-control 
   price number_only"></td><td class="col-md-2"><input type="text" 
   value="0.0" class="form-control" id="sub_total'+count+'" name="sub- 
   total" 
   readonly></td><td class="col-md-2"><button type="button" name="remove" 
   id="'+count+'" class="btn btn-danger remove">X</button></td></tr> ');

});

$(document).on('click', '.remove', function(){
      var row_id = $(this).attr("id");
      var total_item_amount = $('#sub_total'+row_id).val();
      var final_amount = $('#final_total_amount').text();
      var result_amount = parseFloat(final_amount) - 
      parseFloat(total_item_amount);
      $('#final_total_amount').text(result_amount);
      $('#row_id_'+row_id).remove();
      count--;
      $('#final_total_amount').val(result_amount);

      //cal_final_total();
      //$('#sub_total').val(result_amount);
    });

    function cal_final_total(count)
    {
      var final_item_total = 0;
      for(j=1; j<=count; j++)
      {
        var quantity = 0;
        var price = 0;
        var actual_amount = 0;
        var item_total = 0;
        quantity = $('#quantity'+j).val();
        if(quantity > 0)
        {
          price = $('#price'+j).val();
          if(price > 0)
          {
            actual_amount = parseFloat(quantity) * parseFloat(price);
            $('#sub_total'+j).val(actual_amount);

            item_total = parseFloat(actual_amount) + 
           parseFloat(final_item_total);
            $('#final_total_amount').val(item_total);

            //final_item_total = parseFloat(item_total) + 
          parseFloat(actual_amount);
            //$('#final_total_amount'+j).val(final_item_total);

            final_item_total = parseFloat(item_total);
            $('#final_total_amount'+j).val(final_item_total);


          }
     }
    }
    $('#final_total_amount').text(final_item_total);
     }

    $(document).on('blur', '.price', function(){
      cal_final_total(count);
    });

    //$(document).on('blur', '.final_total_amount', function(){
     // cal_final_total(count);
   // });

    });

Я хочу, чтобы она работала правильно, чтобы при каждом удалении и повторном добавлении строки она работала нормально