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