Load external html into div when click on a link

[Madre]

I'm trying to load an external HTML file inside a div when I click on a link on a different div. I already have 3 external HTML files loaded inside 3 divs using .load() but what I need is to load a completely different page inside one of those 3 divs when I click on a link that is placed on a different div.I'm new to jQquery/JavaScript but I've read that AJAX would do the trick but I don't know how to get this done. Thanks!Here is my code that loads the 3 external divs:\[code\]$(document).ready(function(){ $('#header').load('header.html'); $('#sidebar').load('sidebar.html'); $('#content').load('content.html'); $('#footer').load('footer.html');});<div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div> <div id="footer"></div></div>\[/code\]