Javascript - addClass() on hover not working

[woldemort]

html\[code\]<ul class="navBarExtended"> <li><a href="http://stackoverflow.com/questions/15477186/#">Link</a></li></ul>\[/code\]css\[code\].onHover{text-decoration: underline; }\[/code\]javascript\[code\]$("ul.navBarExtended li a").hover( function(){ $(this).addClass("onHover"); }, function(){ $(this).removeClass("onHover"); }); \[/code\]I'm trying to add 'onHover' class on to the element specifically a link, but it seems to be not working..so where you think the problem can be?