HTML:

 <ul>
    <li id="Co" class="libgc" ><b>CO</b></li>
    <li id="NSCO" class="libgc active"><span> <a href="#NSale.php" target="homeFrame" class="aclass">NSale</a></span></li>
 </ul>

CSS:

.libgc {
background-color: #CCC;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background-image: url(../images/pcnav.png);
border: 1px solid #CCC;
}

JQuery:

 $("li").click(function(){
    $(this).css('background-image', 'url("images/btnSelectedTab.png")');
    $(this).css('color','black');
  });

 });

Проблема: Когда я нажимаю на первую ссылку, его фоновое изображение изменяется, но снова в следующий раз, когда я нажимаю на другую ссылку, его фон также изменяется, и фон первых ссылок также аналогичен. (Имеется в виду, когда я нажимаю на 2-ю ссылку, 1-е ссылки изображение должно вернуться к основному.

Как сбросить фоновое изображение к предыдущему, когда я нажимаю на некоторые другие ссылки.