Pagination using the History API

page-turner.js

$(function() {
  setPageState = function(current, next) {
    $('#content').data('page', current);
    history.replaceState({ page: current }, null, current);
    if(!next) return;
    history.pushState({ page: next }, null, current);
    history.go(-1);
  };

  if (!history) return;
  var current = location.href;
  var next = $('.pagination a.prev').attr('href');
  setPageState(current, next);
  onPjaxPopstate = function(e) {
    var state = e.originalEvent.state;
    if (!state || !state.page) return;
    if ($('#content').data('page') === state.page) return;
    $(window).unbind('popstate.page-turner');
    $.get(state.page, function (data) {
      var $content = $(data.match(/<div id="content">([\s\S.]*)<\/div>/i)[0]);
      $('#content').html($content).data('page', state.page);
      var next = $('.pagination a.prev').attr('href');
      setPageState(state.page, next);
      $(window).bind('popstate.page-turner', onPjaxPopstate);
    });
  };
  $(window).bind('popstate.page-turner', onPjaxPopstate)
});

The fourth revision switches to AJAX to load the next content.