The problem is that when I click on submit it takes me to the php file page. Which is blank.

I don't want this... this functions just like if I  made the form in html meaning when submit it takes you to the .php file well opens it in a page.

I want to use ajax that when you click submit it submits the form and then shows a message on screen.

When I click the submit button my message gets shown on the screen saying it submitted successful then with at least 2 seconds it sends the user to the php file meaning opens the page up in the browser not a new tab or new window but sends the user to the php file. Which I don't want it to happen. So the page is blank. 

I used the .post and serialized the form. Is this the right thing to do?

I don't want to send the user to the php file. Just use ajax and check if it updated the database and if so send either 1 or 0 depending if it went threw then  the form page will receive  that data and then fade in a message saying either error or success depending what went on.