Soma de Inputs em Tabela Dinâmica

Boa noite galera!

Estou com uma tabela dinâmica, e acrescendo produtos dinamicamente com Jquery. Onde adiciono quantidade e valor, onde o valor é multiplicado pela quantidade.

Depois tenho um Input onde quero que saia o total.

Cada produto preciso que a quantidade multiplique o valor. E depois tenho um campo de total.

HTML

 <td><input type="number" name="quantidade_mercadoria[]" id="quantidade_mercadoria[]" style="text-align:center" /></td>
 <td><input type="text" name="valor_mercadoria[]" id="valor_mercadoria[]" style="text-align:center" class="form-control" /></td>

JavaScript

<script type="text/javascript">
var tQtd = document.getElementById( 'quantidade_mercadoria[]' );
var tVlr = document.getElementById( 'valor_mercadoria[]' );
var tTot = document.getElementById( 'total_pedido' );

tVlr.onkeyup=calcula;
tQtd.onkeyup=calcula;

function calcula() {
 tTot.value = tQtd.value * tVlr.value;
}
</script>

Funciona apenas com o primeiro, no segundo que adiciono já não soma.