Submit a form without page refresh

Hello,

Im not sure where to post this as it has little bit of everything in it, either case I’ll start here.

I found a jquery script which submits a form without refreshing the page. Everything works but my question is how do I clear the fields from the calling page after submit the information.
and I like to clear the page only if the correct information is entered example email format is checked.


<form action="submit.php"  method="post">
Name: <input name="name" id="name" type="text" /><br />
Email: <input name="email" id="email" type="text" /><br />
Phone Number: <input name="phone" id="phone" type="text" /><br />
<input type="button" id="searchForm" onclick="SubmitForm();" value="Send" />
</form>


<script>
function SubmitForm() {
var name = $("#name").val();
var email = $("#email").val();
var phone = $("#phone").val();
$.post("submit.php", { name: name, email: email, phone: phone },
   function(data) {
     alert("Data Loaded: " + data);
   });
}
</script>


<?php
  echo $_POST['name']."<br />";
  echo $_POST['email']."<br />";
  echo $_POST['phone']."<br />";
  echo "All Data Submitted Sucessfully!"
?>

Maybe something like this?


<script>
function SubmitForm() {
var name = $("#name").val();
var email = $("#email").val();
var phone = $("#phone").val();
$.post("submit.php", { name: name, email: email, phone: phone },
   function(data) {
     $("#name").val("");
     $("#email").val("");
     $("#phone").val("");
     alert("Data Loaded: " + data);
   });
}
</script>

thanks for you help. greatly appreciated.