I am new to Javascript and the very first thing I'm trying to do is to have a footer html file which will load in to the footer div on all pages. I have found several different code examples online but none seem to be working. The one I am using right now is:

Code:
    <script type = "text/javascript" language = "JavaScript">
      $('#footer').load('footer.html');
    </script>
The footer.html file is in the same location as the html file which this code snipped is being entered in to, and the div is <div id="footer">.

I have tried the above code in both the header and the body to no avail. The footer div remains empty. What am I doing wrong?