如何使用ajax load（）

i'm making navigation and trying to load the data on the same page with

load()

but its giving me error when i click one of the links

i've got two page named about.html and contact.html

My HTML

  <a href="contact.html">Contact</a>
  <a href="about.html">About me</a>
  <div class="wrap"></div>

I was trying

  (function(){  

    $('a').on('click',function( e ){
        var href = $(this).attr('href');
        $('.wrap').load(href);
        e.preventDefault();
    });

})();