I'm attaching an image of what the main content part of my website looks like. How do I change the content in the white box by clicking the links on the right? JQuery? AJAX? How do I do it?
Meaning how do I change the contents of #contentBox by clicking on the links from .sideBar?
Screen Shot 2012-11-20 at 5.01.32 PM.jpg

Here's my code:
Code:
        <div id="content">
        
        <ul class="sideBar">
        <li><a href="missionStatement.html">Mission Statement</a></li>
        <li><a href="history.html">History</a></li>
        <li><a href="facilities.html">Facilities</a></li>
        <li><a href="schedule.html">Schedule</a></li>
        <li><a href="oneYearProgram.html">Academic Tracks</a></li>
                <ul class="subMenu">
                <li><a href="oneYear.html">One Year Program</a></li></ul>
        </ul>
        
            <div id="contentBox">
            <h1>Academic Tracks</h1>
            <img src="../mainContent/ravBina.png"/>
            <p>Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum</p>
            </div>