title: NaN in Javascript showing up when using a text input field
body: <p>I am trying to use a simple function of javascript that was intended to be used with a SELECT dropdown with single digits, but now I need to use it for when visitors type in a value with decimal points. I am getting a NaN with the current javascript even when I type in 30 or any number. Any suggestions on how to get my total? </p>
  
  <p>JAVASCRIPT:</p>
  
  <pre><code>$(function () {
      $('.DoPricing').change(function () {
          var total = 0;
          $('.DoPricing').each(function () {
              total += parseInt($(this).val());
          });
          $('#TotalPrice').html('$' + total);
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form action="myactionpage.php" method="POST"&gt;
  &lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;How much will you be paying today?&lt;/td&gt;
      &lt;td&gt;$&lt;input type="text" name="howmuch" id="howmuch" placeholder="0.00" class="DoPricing"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td&gt;&lt;div class="totalbox"&gt;Total Amount Due Today: &lt;strong&gt;&lt;span id="TotalPrice"&gt;$0.00&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
       &lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;&lt;td&gt;&lt;input type="submit" id="submit" name="submit" value="Submit Payment" class="submitbut" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
   &lt;/form&gt;
  </code></pre>