<script>
$(function(){
$('#submitinfo').on('submit', function(e){
e.preventDefault();
$.ajax({
url: "https://localhost/submit.php",
type: 'POST', //or POST
data: $('#submitinfo').serialize(),
success: function(data){
alert('successfully submitted');
$('#submitinfo').hide();
}
});
});
});
</script>
<form id="submitinfo">
<table>
<thead>
<h4 id="review-title">Customer information</h4>
</thead>
<tr>
<label class="control-label" for="input-name">Complete Name</label>
<input type="text" name="name" value="" id="input-name" class="form-control" required>
</tr>
<tr>
<label class="control-label" for="input-name">Phone Number</label>
<input type="text" name="guest_
</tr>
<tr>
<label class="control-label" for="input-name">Email Address</label>
<input type="text" name="email" value="" id="input-name" class="form-control" required>
</tr>
</table>
<div class="modal-footer" STYLE="margin-top:30%;" >
<button name="btn_submit" id="btn_submit" type="submit" class="btn btn-success">Submit</button>
</div>
</form>
