JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<form id="cartForm" action="somewhere.php" method="post">

  Arrival Date: <input type="text" name="arrivalDate" title="Arrival Date:" placeholder="mm/dd/yyyy">
  
  <!-- hidden input, using this method so the form doesn't need to disappear.. either way, doesn't matter, probably better to hide the form if it's a lot of data --> 
  <input type="hidden" name="arrivalDateVal">
  
  <!-- button invokes function to handle the data before submitting -->
  <button type="button" id="formBtn">Submit</button>

</form>

JavaScript

(function(){

	$('#formBtn').click(function(){
  	
    // grab the title
  	var val = $('input[name="arrivalDate"]').attr('title');
    
    // append a space and the users value
    val +=  ' ' + $('input[name="arrivalDate"]').val();
    
  	// set hidden input value
    $('input[name="arrivalDateVal"]').attr('value', val)
  
  	// check it
  	console.info($('input[name="arrivalDateVal"]').val());
    
    // submit (commented out)
    //$('#cartForm).submit();
  });

})();