How can I add the total of the Total Value $ row and the result in input costs appear? [closed]

var sumaValores = function(){
    //Obtengo la última fila ingresada en la tabla
    var fila = $("#tablaDetalleMaterialEinsumo").find('tr:last');
    //Obtengo el campo referente a la cantidad de insumo ':eq(2)'
    var campo1 = fila.find('input[type="text"]:eq(2)'); 
    //Obtengo el campo referente al precio_unitario_insumo ':eq(3)'
    var campo2 = fila.find('input[type="text"]:eq(3)');
    //Obtengo el campo donde se escribirá el resultado
    var destino = fila.find('input[type="text"]:eq(4)');

    campo1.on('change', function(){
        destino.val(parseInt(campo1.val())+parseInt(campo2.val()));
    });

    campo2.on('change', function(){
        destino.val(parseInt(campo1.val())+parseInt(campo2.val()));
    }); 
};

function funcNuevaDetalleMaterialEinsumo() 
{
  $("#tablaDetalleMaterialEinsumo")
  .append
  (
    $('<tr>')
    .append
    (
      $('<td>')
      .append
      (
        $('<input>').attr('type', 'text').addClass('form-control').attr('name', 'detalle_insumo[]')
        )
      )
    .append
    (
      $('<td>')
      .append
      (
        $('<input>').attr('type', 'text').addClass('form-control').attr('name', 'unidad_insumo[]')
        )
      )
    .append
    (
      $('<td>')
      .append
      (
        $('<input>').attr('type', 'text').addClass('form-control').attr('name', 'cantidad_insumo[]')
        )
      )
    .append
    (
     $('<td>')
     .append
     (
      $('<input>').attr('type', 'text').addClass('form-control').attr('name', 'precio_unitario_insumo[]')
      )
     )
    .append
    (
     $('<td>')
     .append
     (
      $('<input>').attr('type', 'text').addClass('form-control').attr('name', 'valor_total_insumo[]').attr('readonly')
      )
     )
    .append
    (
      $('<td>').addClass('text-center')

      .append
      (
        $('<div>').addClass('btn btn-danger').text('Eliminar')
        )            
      )        
    );

    sumaValores();
}



<div class="caja6">
  <div class="alcance">
    <h1>DETALLE MATERIALES, REPUESTO E INSUMOS</h1> 
  </div>
  <div class="container theme-showcase" role="main">

    <br>
    <div class="form-group">
      <label for="tablaDetalleMaterialEinsumo">
       <div class='btn btn-success' id="btnNuevaDetalleMaterialEinsumo">Nueva</div>
     </label>
     <table class='table table-bordered table-hover' id="tablaDetalleMaterialEinsumo">
      <tr>
        <th>Detalles De Insumos</th>
        <th>Unidad</th>
        <th>Cantidad</th>
        <th>Precio Unitario</th>
        <th>Valor Total ($)</th>
        <th>OPCION</th>
      </tr>
      <?php for($i=1; $i<sizeof($tabla2); ++$i) { ?>
      <tr>
        <td><input type="text" class="form-control" name="detalle_insumo[]" value="" ></td>
        <td><input type="text" class="form-control" name="unidad_insumo[]" value=""></td>
        <td><input type="text" class="form-control" name="cantidad_insumo[]" id="cantidad_insumo[]" value=""></td>
        <td><input type="text" class="form-control" name="precio_unitario_insumo[]" id="precio_unitario_insumo[]" value=""></td>
        <td><input type="text" class="form-control" name="valor_total_insumo[]" id="valor_total_insumo[]" value="" readonly ></td>
        <td class="text-center">

         <div class='btn btn-danger'>Eliminar</div>

       </td>
     </tr>
     <?php } ?>
   </table>                 
 </div>  
</div>
</div>
</form>

<br>
<br>
<div class="unitario">
  <h2>Costos de insumos</h2><input type="text" name="Valor_unitario" id="valor_unitario" class="form-input" placeholder="Valor Unitario"> 
</div>