I have simple question. I don't want to load the page on form submission. I just want to click on the button and It will display success text but without loading the page.
My Form Code:
<form method="post" id="requestForm" action="#">
<div class="col-sm-2 form-title">
request a service
</div>
<div class="col-sm-8">
<div class="col-sm-4">
<input type="text" name="fname" placeholder="First Name *" required/>
</div>
<div class="col-sm-4">
<input type="text" name="lname" placeholder="Last Name *" required/>
</div>
<div class="col-sm-4">
<input type="email" name="email" placeholder="Your E-mail *" required/>
</div>
<div class="col-sm-4">
<input type="tel" name="phone" placeholder="Contact Number *" required/>
</div>
<div class="col-sm-8 problem">
<input type="text" name="problem" placeholder="Description *" required/>
</div>
</div>
<div class="col-sm-2">
<button type="submit" class="col-sm-11">request service</button>
<input type="hidden" name="task" value="consultation">
<input type="hidden" name="ref" value=""/>
</div>
</form>
and My JQuery is:
<script type="text/javascript">
$('#requestForm').submit(function () {
sendContactForm();
return false;
});
</script>
Help Me Thanks