jquery table rows line totals e total

Atualmente estou escrevendo um pequeno plugin para técnicos de reparo de computadores e agora estou tentando codificar a seção de faturas, mas não tendo muita sorte!

Eu tenho os campos sendo preenchidos do banco de dados, mas estou tentando usar o jquery para atualizar os totais de linha e o total da fatura.

Aqui está uma imagem rápida do que estou tentando fazer!

 Eu estou tentando obtê-lo para atualizar os totais no pageload e quando um valor é alterado nos campos de texto de custo e quantidade unitários.

$(document).ready(function() {
    $("#invoiceitems tbody tr").each(function() {
        $(this).change(function() {
            updateTotal();
        });
    });
});

function updateTotal() {

    //Calculate Subtotal for each item
    var quantity = $('.quantity').val();
    var price = $('.price').val();
    var subtotal = parseInt(quantity) * parseFloat(price);
    $('.subtotal').text(subtotal);
    //Calculate Grand Total
    var sum = 0;
    $('.linetotal').each(function() {
        sum += parseFloat($(this).text());
    });
    $('#grandTotal').html(parseFloat(sum));
}​

Encontrei este código aqui, mas eu realmente não tenho a menor idéia e não consigo fazê-lo funcionar!

Alguma direção / ajuda seria muito apreciada!

Muito obrigado jase

questionAnswers(2)

yourAnswerToTheQuestion