Hover class on other elements not on selected - javascript

[Fuzbing]

HTML\[code\]<div> <ul class="navBar"> <li class="selected"><a href="http://stackoverflow.com/questions/15515451/#">HOME</a></li> <li><a href="http://stackoverflow.com/questions/15515451/#">WORKS</a></li> <li><a href="http://stackoverflow.com/questions/15515451/#">ARTICLES</a></li> <li><a href="http://stackoverflow.com/questions/15515451/#">ABOUT</a></li> </ul></div>\[/code\]CSS\[code\].selected{ background-color: #CCCCCC;}.onHover{ display: block; background-color: #0088FF;}\[/code\]JAVASCRIPT\[code\]$(function() { $("ul.navBar li a").hover( function(){ $(this).addClass("onHover"); }, function(){ $(this).removeClass("onHover"); }); });\[/code\]What I want here is the javascript to not add 'onHover' class to the HOME link when hovered over, just the other three links.