Sum all input fields

by Mark Wylde

HTML

<form id="myForm">
    <input type="text" placeholder="enter number one" />
    <input type="text" placeholder="enter number two" />
    <div>
        <label for="calculateSum">Sum is</label>
        <span id="calculateSum">0</span>
    </div>
</form>

JavaScript

$(document).ready( function() {
    $('#myForm').on('keyup', 'input', function() {
        var iSum = 0;
        $('#myForm input').each( function() {
           iSum = iSum + parseFloat($(this).val());
        });
        $('#calculateSum').html(iSum);
    });
});