I'm working on a simple application which is single page based (due to project restrictions) and has dynamic content. I understand the dynamic content alright but what I don't understand is how to set-up a script that changes the html of a `div` when the hash value in the URL changes.

I need a JavaScript script to work as such:

Url: `http://foo.com/foo.html` div contents: `<h1>Hello World</h1>`

Url: `http://foo.com/foo.html#foo` div contents: `<h1>Foo</h1>`

How would this work?

Please help! Thanks.