$(document).ready(function(){
  openPage("home.html");
  setEventHandlers();
});

function setEventHandlers(){
  $('#info').click(function(){ openPage("info.html") } );
  $('#home').click(function(){ openPage("home.html") } );
}

function openPage(page){
  $('#content').load(page);
  location.hash = page;
}

function addFooter(msg){
  $('#footer').html($('#footer').html() + "<p>FOOTER: " + msg + "</p>");

            <li><a href="javascript:void(0)" onclick="openPage('menu-1-2.html')">Menu 1-2</a></li>
        </ul>
        <h2>Menu 2</h2>
        <ul class="test">
            <li><a href="javascript:void(0)" onclick="openPage('menu-2-1.html')">Menu 2-1</a></li>
            <li><a href="javascript:void(0)" onclick="openPage('menu-2-2.html')">Menu 2-2</a></li>