Удаление класса при
 

Доброго времени суток!
Существует список, в котором при загрузке страницы выделен элемент.
Необходимо изначально данное выделение убрать.
Если у li есть класс active, тогда span-у применяется стиль

.bx_catalog_item_scu ul li.active .cnt_item{    box-shadow: 0px 0px 0px 2px #fff inset, 0px 0px 0px 2px #0dcdc2;}

Список элементов выглядит следующим образом:

<ul id="bx_3966226736_31837_prop_103_list" class="list_values_wrapper"><li class="item active" data-treevalue="103_43" data-showtype="li" data-onevalue="43"><i title="Цвет: Белый"></i><span class="cnt1"><span class="cnt_item" style="background-image:url('/upload/iblock/6c0/6c0decb95911af1fdff82785d1f3b6b1.jpg');" title="Цвет: Белый"></span></span></li><li class="item" data-treevalue="103_65" data-showtype="li" data-onevalue="65"><i title="Цвет: Розовый"></i><span class="cnt1"><span class="cnt_item" style="background-image:url('/upload/iblock/ca3/ca3b9047f1e1b505c85d7c6b0471e8cb.jpg');" title="Цвет: Розовый"></span></span></li></ul>

Подскажите, пожалуйста, каким образом изначально данное выделение убрать?
Данный способ не помогает

$('li.active').removeClass('.active');

$('li.active').removeClass('active');

Dilettante_Pro, спасибо что откликнулись :)
Отлично :)