Elsonlima

Ola Pessoal!!

Estou cirando um código onde tenho que pegar valores de campos gerados automaticamente, de acordo com os registros do banco de dados ex:

no meu form eu tenho 3 campos dinamicos:
<input name="unidade[]" type="text" class="btn" size="4" maxlength="4" id="unidade"/>
<input type="text" name="preco[]" size="8" maxlength="8" class="btn" id="preco"/>
<input type="text" name="total[]" size="8" maxlength="8" class="btn" id="total" />

Este campo Total, recebe os valores assim que forem preenchidos os campos "unidade[]" e "preco[]".

O problema é o seguinte:
no primeiro resultado do loop, funciona. Mas no restante não funciona.

Meu script do Jquery ta assim:

$(document).ready(function(){
$(document).ready(function(){
$('.btn').change(function(){
var unidade = parseFloat($('[id^=unidade]').val())|| 0.0;
var preco = parseFloat($('[id^=preco]').val())|| 0.0;
var total= preco / unidade / 2;
total += total;

$('#total').val(total);
});
});

Se alguem puder ajudar, Agradesco, ja pesquizei muito e n sei mais por onde pesquizar.
Desde ja Obrigado
});