JQuery - ¿Cómo sumar valores de una columna con JQuery?

<table id="cuentas" class="cuentas">

<tr>

   <td><strong>Fecha</strong></td>

  <td><strong>Cliente</strong></td>

  <td><strong>Deuda</strong></td>

  <td><strong>Pago</strong></td>

</tr>

<tr>

  <td>12/08/2016</td>

  <td>Cliente1</td>

  <td>$<span id="deuda" class="deuda">130.66</span></td>

  <td>$<span id="pago" class="pago">99.77</span></td>

</tr>

<tr>

  <td>12/08/2016</td>

  <td>Cliente1</td>

  <td>$<span id="deuda" class="deuda">200.00</span></td>

  <td>$<span id="pago" class="pago">85.99</span></td>

</tr>

<tr>

  <td>12/08/2016</td>

  <td>Cliente1</td>

  <td>$<span id="deuda" class="deuda">98.50</span></td>

  <td>$<span id="pago" class="pago">45.00</span></td>

</tr>

<tr>

  <td>12/08/2016</td>

  <td>Cliente1</td>

  <td>$<span id="deuda" class="deuda">130.00</span></td>

  <td>$<span id="pago" class="pago">24.66</span></td>

</tr>

</table>

<p>Total Deuda: $<span id="totaldeuda" class="totaldeuda">Aqui el total de la deuda</span></p>

<p>Total Deuda: $<span id="totaldeuda" class="totaldeuda">Aqui el total del pago</span></p>

<p>Saldo: $<span id="saldo" class="saldo">Aqui el total deuda - el totalpago</span></p>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

var totalDeuda=0;

$(".deuda").each(function(){

	totalDeuda+=parseInt($(this).html()) || 0;

});

alert(totalDeuda);

</script>

<section>

        <table class="listado">

            <thead>

                <tr>

                    <th>Numero de Parte</th>

                    <th>Peso</th>

                    <th>Piezas</th>

                    <th>Total</th>

                </tr>

            </thead>

            <tbody id="tablaFrus">

            </tbody>

        </table>

    </section>

document.addEventListener('DOMContentLoaded', function() {

  let codigoNumber = document.getElementById('codigoNumber');

  codigoNumber.escanFrus.focus();

  codigoNumber.addEventListener("submit", function(e) {

    e.preventDefault();

    $.ajax({

      url: 'includes/function/funciones.php',

      method:'post',

      data: {

        escanFrus: codigoNumber.escanFrus.value,

      },

    })

    .done(function(datos) {

      console.log( datos );

      if (datos === false) {

        alert('No se encontro el Frus escaneado');

        return;

      }

      $('#tablaFrus').append($('<tr>')

        .append($('<td>').append( datos.part_number ))

        .append($('<td>').append( datos.fru_weiIght ))

        .append($('<td>').append('<input type="text" class="inputable" data-part_number="'+datos.part_number+'" data-fru_weiIght="'+datos.fru_weiIght+'">'))

        .append($('<td>').append('<label data-part_number="'+datos.part_number+'">Resultado</label>'))

      );

      $( ".inputable" ).on( "change", function() {

        var peso = $(this).attr("data-fru_weiIght");

        var part = $(this).attr("data-part_number");

        var resultado = $(this).val() * peso;

        $("label[data-part_number = '" + part +"']").text(resultado);

      });

    })

    .fail(function() {

        alert( "Error" );

    })

    .always(function() {

      $("input[name='escanFrus']").select();

    });

  });

}, false);