Помошите с JS Tabs не отображаются хеш теши в URL
 

Помогите пожалуйста с этим js.
https://cloud.mail.ru/public/fcf71a9f3b9e/my-site.zip

js/tabs.js

у меня все работает отлично.
Не могу сделать показ хеш тега в url

#about, #work, #contact

Можно именно в этом коде добавить такую возможность?
Чтобы при выборе в url #contact загружалась эта страница
в данный момент у меня не отображается вообще ничего :(

$(document).ready(function() {
    $("#nav li a").click(function() {

        $("#ajax-content").empty().append("<div id='loading' class='loading'><img src='img/loading.gif' alt='Loading' /></div>");
        $("#nav li a").removeClass('current');
        $(this).addClass('current');

        $.ajax({ url: this.href, success: function(html) {
            $("#ajax-content").empty().append(html);
            }
	});
	return false;
    });
	 $("#ajax-content").empty().append("<div id='loading' class='loading'><img src='img/loading.gif' alt='Loading' /></div>");
	$.ajax({ url: 'page/page_1.html', success: function(html) { 
            $("#ajax-content").empty().append(html);
	} 
    });

});

ДЕМО - http://blackbeach.ru/

Спасибо большое.

$("#nav li a").click(function() {

    $("#ajax-content").empty().append("<div id='loading' class='loading'><img src='img/loading.gif' alt='Loading' /></div>");
    $("#nav li a").removeClass('current');

    var $this = $(this); //сохраняем ссылку в переменную
    $this.addClass('current');

    $.ajax({ url: this.href, success: function(html) {
        location.hash = $.trim($this.text().toLowerCase()); //тут текст для хэша берётся из самой ссылки
        $("#ajax-content").empty().append(html);
    }});
    return false;
});

P.S. Полагаю .empty().append(html) можно заменить на .html(html).