<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <! We import jquery module 1 !>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <! We import jquery module 2 !>
<script> <! Start script !>
function home(){ // We define the function
$("#main").load("home.html"); // We select the div with the id main and then use the .load to load the page
} // end function

function login(){ // We define the function
$("#main").load("login.html");// We select the div with the id main and then use the .load to load the page
} // end function
</script> <! end script !>
<nav here> <! for you to put nav bar which calls these in onclick !>
<div id="main" onload="home();"><! create a div with id main !>
Loading... <! This can be anything. I will be replace when user clicks shit !>
</div><! end div !>