Расчет суммы динамически добавленных входов

Question

У меня есть форма, которая позволяет пользователю добавлять строки входов. Я хочу быть в состоянии показать в реальном времени расчет «общего» некоторых из этих входов. Вот код, который я до сих пор (что показывает только «сумму» первой цены [] вход.

var insertRow = function() { 

    $(".invoice-table").find('tbody') 
     .append($('<tr>') 
     .append($("<td><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></td>")) 
     .append($("<td><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></td>")) 
     .append($("<td><input type='text' class='form-control' name='price[]' placeholder='Unit Price'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='quantity[]' placeholder='Qty'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='tax[]' placeholder='Tax'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='total[]' placeholder='Total Price'></input></td></tr>")) 
    ); 
} 

Вот код для расчета суммы OnKeyUp

function calculate(){ 
    var elems = document.getElementsByName('price[]'); 
    var sum = 0; 
    for (var i = 0; i < elems.length; i++) 
    { 
    sum += parseInt(elems[i].value); 
    } 
    document.getElementById('subtotal').value = sum; 
} 

Answer 1

мне нужно, чтобы добавить событие OnKeyUp в «добавить строку» сценарий.