title: Add start price and add on price
body: <p>I have a div with a starting price and a select drop down with different options.
  I want that starting price to change based on the drop down selection.</p>
  
  <pre><code>&lt;div id="price"&gt;$50.00&lt;/div&gt;
  
  &lt;select&gt;
      &lt;option value="1"&gt;Option 1 (+$50.00)&lt;/option&gt;
      &lt;option value="2"&gt;Option 2 (+$100.00)&lt;/option&gt;
      &lt;option value="3"&gt;Option 3 (+$150.00)&lt;/option&gt;
      &lt;option value="4"&gt;Option 4 (+$200.00)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I am using this code but it is not working</p>
  
  <pre><code>$('select').change(function() {
      var total = 0;
  
      $('select option:selected').each(function() {
          var m = /\(\+ \$(\d+\.\d+)\)/.exec(this.value);
  
          if(m !== null) {
              total += +m[1];
          }
      });
  
      var decimalPart = (total - Math.floor(total)) * 100;
  
      $('#finalPrice').text('$' + Math.floor(total) + '.' + (decimalPart &lt; 10 ? '0' : '') + decimalPart);
  });
  </code></pre>
  
  <p>Not exactly sure whats going on</p>