I am using O'Reilly's book on building apps with HTML, CSS, and Javascript, 

http://ofps.oreilly.com/titles/9781449383268/ch04.html

It uses jQuery.

Chapters 4 & 5 show us how to use a database. It really works well! I'm making small changes to fit my own mobile application. I've run into one problem:

The page has <li>'s to link to anchors on the same page, like this:

<li class="arrow"><a href="#dates">About</a></li>

However, I want to link to another html page. I find I'm unable to do so. The following attempts don't work; that is, clicking on them will make the row change color, but won't change the page:

<li class="arrow"><a href="about.html">About</a></li>

<li class="arrow"><a href="/about.html">About</a></li>

<li class="arrow"><a href="www/about.html">About</a></li>

<li class="arrow"><a href="http://www/about.html">About</a></li>

What is the correct syntax to make it change to the new HTML page? The pages are in the www folder.

Thanks!