title: find spans containing mix of numbers and text and get sum of second number
body: <p>I am working on an addon for a simple html game. In one part of it I'd like to display a total of the upkeep of a players abilities. Currently they display on each ability and I thought it would be nice to have my addon show a total at the top of the page. The elements look like this:</p>
  
  <pre><code>&lt;div class="col-sm-4 col-xs-12 text-center" style="padding-top: 10px;"&gt;
     &lt;p style="background-color: red;"&gt;
        &lt;b&gt;Upkeep: &lt;/b&gt;31 Bux each&lt;br&gt;1798 Bux total&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've added a line that turns the span background red just so I could see that I was at least grabbing the right elements. So far my code is returning NaN. Here is my code:</p>
  
  <pre><code>var sumdtotal = 0;
      $('div[class="col-sm-4 col-xs-12 text-center"] p').each(function() {
      var value = $(this).text().replace(" Bux each", "").replace(" Bux total", "");
      sumdtotal += +value;
      $(this).css( "background-color", "red" );
      });
      $("#totalupkeep").text(sumdtotal);
  </code></pre>
  
  <p>The idea is to display the total upkeep in the span #totalupkeep.</p>
  
  <p>Thanks!</p>