External html file not showing for local client side include

Question

I have an index.html file which I am trying to add a client side include for my footer using JavaScript. However, my "footer.htm" include is not displaying, just the text is. I am pretty sure there is an issue with my JavaScript code. I know there is no problem with my footer.htm file. Please Help!

document.write('footer.htm');

<div id="Footer">
  <script type="text/javascript" language="javascript" src="footer.js">
  </script>
</div>

Answer 1

Assuming you are using jQuery

<script type="text/javascript">
    $(document).ready(function(){
       $('#footer').load('footer.htm');
    });
</script>