So im working on a site that uses ajax to load content between pages, but the javascript inside those pages stops working when its loaded, even though it works just fine if i visit the page directly.

Heres the index page

http://tinyurl.com/82exd3u

if you click "services", you can see it it loads with the accordion sidebar not working. And when i visit the page directly, it works fine.

http://tinyurl.com/7jfjek8

heres the ajax code im using (tried using live, but it didnt do the job)

$(document).ready(function() {
$('.nav').live('click', function(){
var href = $(this).attr('href')+" #content";
$('#content').hide().load(href).fadeIn('normal');
return false
});
});

and i removed the document() ready part from the accordion code hoping that would do the trick, but still nothing.

Any ideas? thanks in advance