Tengo una lista de personas que necesito mostrar y para cada persona hay una entrada para la edad.

Necesito sumar las edades cuando estoy escribiendo; Quiero decir, si tengo 5 personas cuando estoy en el quinto registro, necesito el total de las 4 edades anteriores como esta: Calcular la suma de los campos de entrada de tipo de número por javascript

este es mi codigo:

 <tr th:each="person : ${persons}"> <td th:text="${person.first_name}"></td> <td th:text="${person.last_name}"></td> <td th:text="${person.phone}"></td> <td><input id="age" class="form-control" type="text" name="age" th:field="*{ages}"> </td> </tr> Total : <input type="text" name="total" id="total"/>

¡Hice este script js, pero en total me da solo el valor de la primera línea! Alguna ayuda ?

 <script type="text/javascript"> $(document).ready(function(){ $("#age").each(function() { $(this).on('input', function(){ calculateSum(); }); log.console("sum :"+sum); }); }); function calculateSum() { var sum = 0; $("#age").each(function() { if(!isNaN(this.value) && this.value.length!=0) { sum += parseFloat(this.value); } }); $("#sum").html(sum.toFixed(2)); } </script>