Quando você lê os dados no interior de um <span></span>
, você acessa o texto que está no interior das tags através do método .text()
. Mas para ler os dados que estão em um <input></input>
, você deve ler o seu valor.
Se você substituir estas linhas no método calculate
:
var price = parseFloat($(obj).parent().parent().parent().find('.amount').text()) || 0;
/* ... */
$(obj).parent().parent().parent().find('.total_amount').text(total);
por estas:
var price = parseFloat($(obj).closest('.cart_item').find('.amount').val()) || 0;
/* ... */
$(obj).closest('.cart_item').find('.total_amount').val(total);
irá ter o mesmo comportamento dos spans
.
Fiddle aqui: https://jsfiddle.net/mrlew/qvaf5bkj/1/