Hi guys I am pretty new to all this so bear with me.
I am trying to get a piece of jquery to work for me but not succeeding
The aim is to bring in different content to same div on click. My menu code looks like this:
<ul id="nav">
<li><a href="home.html">HOME</a></li>
<li><a href="AboutUs.html">ABOUT US</a></li>
<li><a href="partners.html">PARTNER</a></li>
<li><a href="productpage.html">PRODUCT</a>
<ul>
<li><a href="aggreagate">Aggreator</a></li>
<li><a href="cement">Cement</a></li>
<li><a href="concrete">Concreate</a></li>
</ul>
</li>
<li><a href="Projects.html">PROJECTS</a></li>
<li style="width:120px"><a href="Transformation.html">TRANSFORMATION</a></li>
<li style="width:100px"><a href="ContactUs.html">CONTACT US</a>
<ul>
<li><a href="cement.html">CEMENT</a></li>
<li><a href="cement.html">Durban</a></li>
<li><a href="cement.html">Simune</a></li>
<li><a href="cement.html">Newcastel</a></li>
<li><a href="cement.html">Durban</a></li>
<li><a href="cement.html">Margate</a></li>
<li><a href="cement.html">Tongaat Plant</a></li>
<li><a href="cement.html">Spruit</a></li>
<li><a href="cement.html">Park Ryne</a></li>
<li><a href="cement.html">Phoenix</a></li>
<li><a href="cement.html">Umlaas Road</a></li>
<li><a href="cement.html">Aggregate</a></li>
<li><a href="cement.html">Margate Aggreage</a></li>
<li><a href="cement.html">Spruit</a></li>
<li><a href="credit.html">Credit Card Application</a></li>
<li><a href="aggregate.html">Aggregate</a></li>
<li><a href="complaints&compliments.html">Compliments and Complaints</a></li>

</ul>
</li>
<li style="width:120px"><a href="RequestAquote.html">REQUEST QUOTE</a></li>
<li style="width:120px"><a href="NPCNews.html">NPC NEWS</a></li>

</ul>

so there are i think what are called child elements to it.
what I want to do is that when you click on the sub menu part of the dropdown menu it brings in different info to the #content box

here is the Jquery that I am using

$(document).ready(function(){
$('#content').load('Content/home.html');

//handle menu clicks
$('ul#nav li a').click(function(){
var page = $(this).attr('href');
$('#content').load('Content/' + page + '.html');
return false;
});
});

it work perfectly when only have single menu but as soon as i try link to dropdown part it no working!

please if any one can help thanks