Display sum of inputs on page with jQuery

Question

I have limited experience with jQuery so any help or advice is much appreciated.

I am trying to get a sum of inputs to display as they are added on a page.

I set up a jsfiddle with the intial work: http://jsfiddle.net/5wU3v/

Here's code from the jsfiddle:

Shipping: <input type="text" class="input-small fee" name="ship_fee" id="ship-fee">

Other: <input type="text" class="input-small fee" name="other_fee" id="other-fee">

<div>
    $ <span id="total" data-total="<?=$total?>"><p></p></span>
</div>


$('#fee').change(function () {
    var total = $('.total').val();
    $("p").text(total);
});

However I can't seem to get even a single input value to display, and consequently I have not added code to figure out the sums yet.

Answer 1

Fee isn't an id, it's a class. Use .fee instead. Likewise, total is an id, not a class, so use #total instead.