Adding navbar and footer using jquery but still error

I try to use:

$(function(){ $('#navbar').load('../assets/html/navbar.html');
});

And it worked!, but for navbar only.

I also want to add footer so i try this:

$(function(){ $('#navbar').load('../assets/html/navbar.html');
$('#footer').load('../assets/html/footer.html');
});

But the only thing i see is the footer.

Can you please tell me what is the solution for this? Please...