title: Calculate form inputs onChange
body: <p>I have a dynamic form that is being generated based on what the user adds to the cart.</p>
  
  <p>For example, the form will looks something like this,</p>
  
  <pre><code>    &lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Test Form&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form action="" name="cart" id="cart"&gt;
      &lt;input type="text" name="sku1"&gt;
      &lt;input type="text" name="sku2"&gt;
      &lt;input type="text" name="sku3"&gt;
      &lt;input type="text" name="sku4"&gt;
      &lt;input type="text" name="sku5"&gt;
  
      &lt;div class="sum" id="sum"&gt; Total: {SUM SHOULD SHOW UP HERE)&lt;/div&gt;
      &lt;button name="submit"&gt;Send&lt;/button&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But those input fields are generated automatically and may be more or less than 5 fields.</p>
  
  <p>How to calculate those input SUM value and output to SUM div without page refresh?</p>
  
  <p>JavaScript/jQuery?</p>