how to load different page content using Jquery / ajax

how to load different page content using Jquery / ajax

 i have two menu panels . i need to load contents without refreshing page.  how i do it

left menu
---------------------
<ul>
<li><a href="1.html"></a></li>
<li><a href="2.html"></a></li>
<li><a href="3.html"></a></li>
</ul>


right menu

left navigation
---------------------
<ul>
<li><a href="a.html"></a></li>
<li><a href="b.html"></a></li>
<li><a href="c.html"></a></li>
</ul>

<div id="content"> </div>

i need load pages in #content div.. pls help me to write script .
i need one script for all links

thanks
Aza