I am new to javascript and am building my first website, after having the content of the website typed up and styled with html and css, I wanted to practice writing a simple javascript code to it. The purpose of the javascript is to repeat on all the pages the copyright information for my website. (the simplest of all codes I believe....) anyways, I post this code to my <div id="footer"> section.

<script type="text/javascript"
document.write(copyright);
</script>

I also have the page linked to the external .js file. This files holds ...
<script type="text/javascript">
var copyright='blah blah blah';
document.write(copyright);
</script>

Now when ever i reload Firefox to view the change to make sure the code works, my footer section of the page that is supposed to hold the copyright is blank... Its almost as if the code worked.. But it isn't displaying, I checked the settings, and yes javascript is enable on my browser, I can go and visit javascript enabled websites and view everything just fine.
Any ideas on why the code is not displaying my information?
Thanks!