title: Calculation not working when value with comma
body: <p>Used below HTML &amp; JS to calculate total value based on increment/decrement. It works fine if value without comma. 6300, 1200. When we add comma like 6,300 or 1,200. Below calculation method not working.</p>
  <p>Hope i missed the logic to calculate with comma.. not sure which one i missed out.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let noofpaxinput = $('#txtnoofpax');
  let intialvalue = 5;
  
  let totalAmountValue = $('.grand-total .amount').html();
  $('.noofpax').click(function(){
     let packageamount = parseInt($('.package-amount .amount').html());
     let perpersonamount = parseInt($('.per-person-cost').html());
     let totalAmount = $('.grand-total .amount');
     var txtnoofpaxValue = $(noofpaxinput).val();
     if ($(this).hasClass('increasepax')){
       $(noofpaxinput).val(parseInt(txtnoofpaxValue)+1);
       $('.decreasepax').prop('disabled', false);
       let getTotalnoofpax = parseInt($('#txtnoofpax').val());
       let getDifferenceTotal = parseInt(getTotalnoofpax - intialvalue);
       let perpersonamountTotal = perpersonamount * getDifferenceTotal;
       let grandTotalAmount = parseInt(packageamount) + parseInt(perpersonamountTotal);
       $('.perperson-amount .amount').html(perpersonamountTotal);
       totalAmount.html(grandTotalAmount);
     } else if ($(this).hasClass('decreasepax')){
       if ((txtnoofpaxValue - 1) == intialvalue) {
         $('.decreasepax').prop('disabled', true);
         $(noofpaxinput).val(parseInt(parseInt(txtnoofpaxValue)-1));
       } else {
         $(noofpaxinput).val(parseInt(parseInt(txtnoofpaxValue)-1));
         let getTotalnoofpax = parseInt($('#txtnoofpax').val());
         let getDifferenceTotal = parseInt(getTotalnoofpax - intialvalue);
         let perpersonamountTotal = perpersonamount * getDifferenceTotal;
         let grandTotalAmount = parseInt(packageamount) + parseInt(perpersonamountTotal);
         $('.perperson-amount .amount').html(perpersonamountTotal);
         totalAmount.html(grandTotalAmount);
       }
     }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="button-wrapper"&gt;
     &lt;button type="button" disabled="disabled" class="noofpax decreasepax"&gt;-&lt;/button&gt; 
     &lt;input id="txtnoofpax" type="text" value="5"&gt; 
     &lt;button type="button" class="noofpax increasepax"&gt;+&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div class="package-amount"&gt;&lt;span&gt;$&lt;/span&gt;&lt;span class="amount"&gt;6,300&lt;/span&gt;&lt;/div&gt;
  &lt;div class="fee-info--amount"&gt;
     &lt;div class="fee-info"&gt;
        &lt;div class="info"&gt;Every pax cost $&lt;span class="per-person-cost"&gt;1,200&lt;/span&gt;&lt;/div&gt;
     &lt;/div&gt; 
     &lt;div class="fee-amount"&gt;
        &lt;div class="perperson-amount"&gt;
           &lt;span&gt;$&lt;/span&gt;&lt;span class="amount"&gt;0&lt;/span&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grand-total"&gt;
     &lt;p&gt;Total Payable Amount&lt;/p&gt;
     &lt;div class="fee-amount"&gt;&lt;span&gt;$&lt;/span&gt;&lt;span class="amount"&gt;6,300&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>