I have a form with action method POST. Some Controls in php which are being calculated in jQuery. All the form control values are accessible in next form using POST. But the values I am adding through jQuery are not posting to next form. Please help.
My Form Control Part:
$('#vipcount, #vipprice').keyup(function() {
  var value1 = parseFloat($('#vipcount').val()) || 0;
  var value2 = parseFloat($('#vipprice').val()) || 0;
  var days = parseFloat($('#days').val()) || 0;
  gtotal1 = (value1 * value2) * days;
  gCount1 = value1;
  var value3 = addCommas(gtotal1.toFixed(2)); //(value1 * value2).toFixed(2);
  var value4 = value3 + ' AED';
  //$('#viptotal').val(value4);
  //alert($('#viptotal').val());
  $('#viptotal').text(value4);
  document.getElementsByName("viptotal")[0].value = value4;
  footerFill(gtotal1);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-xl-3 col-lg-12">
  <fieldset>
    <h5>VIP Meals Total<small class="text-muted"> </small></h5>
    <div class="form-group">
      <input id="viptotal" class="form-control date-inputmask" type="text" placeholder="0.00 AED" disabled=true name="viptotal" />
    </div>
  </fieldset>
</div>Part of Code to display this value is like this:
$message .= '<td style="width:35%">' . $_POST['viptotal'] . '</td>';
I don't know where I am wrong.
 
    