How to load a second page using ajax jquery?

I want to load next page(contact information page) when user fillup the personal information page

when user click first page next button then hide the first form(PersonalInformation) and display the second form(ContactInformation) on that same page

PersonalInformation.html

"utf-8" />
"txtPersonalInformation">
PersonalInformation
FirstName:"txtfname" type="text" />
LastName:"txtlname" type="text" />
MiddleName:"txtmname" type="text" />
Address:"txtaddress" type="text" />
"btnnext" type="button" value="Next" />