jquery добавить активный класс несколько классов с другим jquery

Question

Как добавить активный класс с помощью jquery к элементам меню с несколькими классами? До сих пор, мой код ниже не работает:

Jquery

$('#foo_menu li a').click(function(){ 
    $('#foo_menu li a').removeClass('menucolor'); 
    $(this).addClass('menucolor'); 
}); 

HTML

<ul id="foo_menu"> 
<li><a href="/fooA" class="fooa qtipmenu menucolor" id="foo_A"></a></li> 
<li><a href="/fooB" class="foob qtipmenu" id="foo_B"></a></li> 
<li><a href="/fooB" class="fooc qtipmenu" id="foo_C"></a></li> 
</ul> 

Примечание: класс qtipmenu создает всплывающие окна с JQuery - http://craigsworks.com/projects/qtip2/); не уверен, если это конфликтует со скриптом Jquery выше

CSS

#menu li a.fooa { 
    background-image: url(/images/foo_a.png); 
    height: 20px; 
    width: 20px; 
} 
#menu li a.menucolor { 
    background-position: left bottom; 
    height: 20px; 
    width: 20px; 
} 

Answer 1

Как показано в this jsfiddle вы можете увидеть, что ваш код работает отлично. (Я изменил селектор, чтобы удалить класс menucolor, хотя это не имеет значения).

Ваша проблема почти наверняка лежит в другом месте.

removeClass и addClass функции работают независимо от количества классов.