Не работает addClass(), removeClass для клонированных элементов DOM.
 

Привет.
Есть клонируемый инпут с помощью jQuery .

element = $('#'+id); // клонируемый input элемент.
var input,
      type =  element.attr('type') == 'password' ? 'text' : 'password';
input = element.clone(true,false).attr('type',type);
element.replaceWith(input);

На клонируемом инпуте висело событие на онлик:

if(valid) {

            element.removeClass().addClass('shielsteel');
        }
        else {

            element.removeClass().addClass('shieldwood');
        }

CSS:

.shieldwood {
    background: url('images/shield_wood.png') no-repeat 1px 1px;
    text-indent:20px;
}

.shielsteel {
    background: url('images/shield_steel.png') no-repeat 1px 1px;
    text-indent:20px;
}

Это событие меняло картинку внутри инпута.
Но на новом инпуте который был клонирован, картинка не меняется, хотя нужный класс проставляется.
В чем может быть проблема?