How do you add the values from input fields and update another field with the result in jQuery?
<p>Preamble: I'm more of a PHP/MySQL guy, just starting to dabble in javascript/jQuery, so please excuse this dumb newbie question. Couldn't figure it out from the Docs.</p>

<p>I have a form without a submit button. The goal is to allow the user to input values into several form fields and use jQuery to total them up on the bottom in a div. The form kinda looks like this but prettier:</p>

<pre><code>&lt;form&gt;
Enter Value: &lt;input class="addme" type="text" name="field1" size="1"&gt;
Enter Value: &lt;input class="addme" type="text" name="field2" size="1"&gt;
Enter Value: &lt;input class="addme" type="text" name="field3" size="1"&gt;
etc.....
&lt;div&gt;Result:&lt;span id="result"&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>Is it possible to add these up? And if so, can it be done anytime one of the input fields changes?</p>

<p>Thanks.</p>

<p><strong>UPDATE:</strong>
Brian posted a cool collaborative sandbox so I edited the code to look more like what I have and it's here:
<a href="http://jsbin.com/orequ/" rel="nofollow">http://jsbin.com/orequ/</a>
to edit go here:
<a href="http://jsbin.com/orequ/edit" rel="nofollow">http://jsbin.com/orequ/edit</a></p>
