Li id is not shown through jQuery attr selector

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

The <a> tags have id’s starting with nav_ in your HTML, not the <li>'s :slight_smile: