单页应用jq

I am building a single page aplication in Jquery, and I need a little help.

In my index.html under the content, I have empty div in which I want to put a newPerson.html on click. I want to change content of the index.html without refreshing the page. I assume it should be done with Ajax.

Does anybody know how to do that? Any help is welcome.

Thanks!

You can use jquery load mdethod

$("#yourbutton").on("click", function(){
$( "#yourdiv" ).load( "newPerson.html" );
});