Hi!
I have following HTML code:
<div id="nav" class="width_main last">
<ul>
<li><a href="#" id="nav_home">HOME</a></li>
<li><a href="#" id="nav_about">ABOUT GP</a>
<ul id="nav_about_sub" class="tab">
<li><a href="#">about</a></li>
<li><a href="#">about</a></li>
</ul>
</li>
<li><a href="#" id="nav_solution">SOLUTIONS</a>
<ul id="nav_solution_sub" class="tab">
<li><a href="#">solutions</a></li>
<li><a href="#">solutions</a></li>
</ul>
</li>
<li><a href="#" id="nav_service">SERVICES</a>
<ul id="nav_service_sub" class="tab">
<li><a href="#">services</a></li>
<li><a href="#">services</a></li>
</ul>
</li>
<li><a href="#" id="nav_contact">CONTACT US</a></li>
</ul>
</div>
And following is my jQuery code:
<script language="javascript" type="text/javascript">
jQuery(document).ready(function(){
jQuery('li[id^="nav_"]').bind('click', function(){
alert(jQuery(this).attr('id'));
});
});
</script>
The alert is not working. Can some one guide me where Iam doing wroing.
Thanks in advance