jquery dialog post values to php page - php

Question

i am completely new to JQuery.
I would like to get a solution on how to pass values from a jquery dialog form to a php file for proccessing.
Please refer to this link as an example of the jquery dialog form
Please note: The example of the dialog form passes values to a table and displays. In my case I would like to pass them to another page(.php file).
Your assistance is much appreciated :)
Code:
-Script
if(bValid)
{
$.post("scripts/appointment.php",{ name: name.val(),
email: email.val(),
contact: contact.val(),
file: filenumber.val(),
reason: reason.val(),
app_date: appdate.val(),
time: apptime().val,
visit: getRadioValue()},
function(data){
$("#dialog-form").slideUp("normal", function() {
$("#dialog-form").before('<h1>Success</h1><p>Your Appointment was sent.</p>');
}); }
);
$( this ).dialog( "close" );
}
-form
<div id="dialog-form" title="Make an appointment">
<p class="validateTips">Please fill in the form to book an appointment.<br>If the
booking is not available we will notify you!</p>
<form>
<fieldset>
<label for="patient"><b>First Time Visit?</b></label>
<input type="radio" name="patient" id="patient_state" value="Yes">Yes<br>
<input type="radio" name="patient" id="patient_state" value="No">No<br><hr>
<label for="filenumber">File No.</label>
<input type="text" name="filenumber" id="filenumber" value="" class="text ui-widget-content ui-corner-all" />
<label for="reason">What's your reason for visit?</label>
<input type="text" name="reason" id="reason" value="type reason here..." class="text ui-widget-content ui-corner-all" />
<label for="name">Name</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
<label for="contact">Contact No.</label>
<input type="text" name="contact" id="contact" value="" class="text ui-widget-content ui-corner-all" />
<label for="appdate">Date</label>
<input type="text" name="appdate" id="datepicker" value="" class="text ui-widget-content ui-corner-all" />
<label for="apptime">Time</label>
<input type="text" name="apptime" id="apptime" value="HH:MM" class="text ui-widget-
content ui-corner-all" />
</fieldset>
</form>
</div>

Answer 1

this means you have to bind click event on your book button:
$('#bookButton').click(function() {
// perfom check
if (bValid) {
// other code
}
});