having a problem with ajax content load event

having a problem with ajax content load event

Hello i am having trouble with a load event, this is my first attempt at jquery so please bare with me, so the purpose of this code is to load content into a div with the id of "documentation_content" div the html for this div resides in a folder called content,  when the link "Filey 1" is clicked it is supposed to load the html stored inside the content folder into the div with the id of "documentation_content" instead it takes you to this rl  http://mickabooh.com/document-libray/contact/about.html


the source code is on this page  http://mickabooh.com/document-libray/
and the link in question is called "Filey" which is nested in the "subfolder 1" link i will paste the js below 




$(document).ready(function() {
$('#documentation_content').load('content/about.php')
$('ol#mynav li a').click(function() {
var page = $(this).attr('href');
$('#documentation_content').load('content/' + page + '.html');
});



any help with this would be greatly appreciated thank you :-)