<!doctype html>
<html>
<head>
<meta charset=utf-8/>
<title>AJAX: load</title>
</head>
<body>
<a href="about.html">Learn More About Me</a>
<br>
<a href="contact.html">Contact Me</a>
<div class="wrap"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('a').on('click',function( e ){
var href= $(this).attr('href'); /* its get the href to all links*/
$('div.wrap').load(href +'.container');
e.preventDefault();
});
</script>
</body>
</html>
error: