Hard to find a good title but hope this is ok. 

I'm now using:

```
document.title = page + ' - ' + originalTitle

```

```html
<a class="menu" id="Home" href="index.php">Home</a>

```

So the result is now `"index - originalTitle"`. But I would change "page" for something like "a id" or just takeover the text between the a tags, for e.g:

```
document.title = a id + ' - ' + originalTitle

```

```html
<a class="menu" id="Home" href="index.php">Home</a>

```

So the result would be `"Home - originalTitle"`

Easy to fix i guess, but hard to find a solution on google or SO

Edit: Let me put the complete code to specify my comment

```
    $(function(){
// part 1
        $('#buttons a, nav a').click(function(){
            location.hash=$(this).attr('href').match(/(^.*)\./)[1]
            $('html, body').animate({ scrollTop: 0 }, 0);
            return false
        })
// part 2
        var originalTitle=document.title
        function hashChange(){
            var page=location.hash.slice(1)
            if (page!=""){
                $('#content').load(page+".php #content")
                document.title = $('#Home').text() + ' - ' + originalTitle
                document.title = $('#Projects').text() + ' - ' + originalTitle
                document.title = $('#About').text() + ' - ' + originalTitle
            }
        }
// part 3
        if ("onhashchange" in window){ // cool browser
            $(window).on('hashchange',hashChange).trigger('hashchange')
        }else{ // lame browser
            var lastHash=''
            setInterval(function(){
                if (lastHash!=location.hash)
                    hashChange()
                lastHash=location.hash
            },100)
        }
    })

```

My nav

```
<div id=buttons">
    <a id="Home" href="index.php">Home</a><span>|</span>
    <a id="Projects" href="Projects.php">Projects</a><span>|</span>
    <a id="About" href="about.php">About</a><span>|</span>
</div>

```