clipped from: www.queness.com   

4. Make the entire LI clickable

This trick is very useful when you're using UL list to make a menu. What it does is, when you click on the LI area (outside of the link), it will search for the url in the anchor tag and execute the link:
  1. $("ul li").click(function(){  
  2.   //get the url from href attribute and launch the url  
  3.   window.location=$(this).find("a").attr("href"); return false;  
  4. });  
	$("ul li").click(function(){
	  //get the url from href attribute and launch the url
	  window.location=$(this).find("a").attr("href"); return false;
	});
  1. <ul>  
  2.     <li><a href="home">home</a></li>  
  3.     <li><a href="home">about</a></li>  
  4.     <li><a href="home">contact</a></li>  
  5. </ul>