Подскажите, как быть, Jquery

Подскажите пожалуйста как быть... Ситуация такая:
Есть форма с кнопкой отправки. По умолчанию кнопка выключена. После заполнения обязательных полей становится активной и меняет стиль. При наведении на активную кнопку она должна снова менять стиль.
Код кнопки:

<p class="reg-submit-off"><input type="submit" name="submit" value="" /></p>

В функции проверки формы после заполнения делаю ей стиль активной кнопки:

$('.reg-submit-off').removeClass('reg-submit-off').addClass('reg-submit-on');

Далее хочу добавить эффект при наведении:

$(document).ready(function () 

{

    validateFormReg();

    $('.reg-submit-on').hover(function () { $(this).toggleClass('reg-submit-on-hover'); });        

} );

Но клас reg-submit-on оно не видит и эффект не добавляется. Как быть?

Может дать кнопке id какой то и уже для этого айди при наведении проверять наличие класса reg-submit-on и выполнять нужные действия

Спасибо за идею, помогло...
добавил

<p class="reg-submit-off" id="submit"><input type="submit" name="submit" value="" /></p>

и вот таким образом заработало

$('#submit').hover(function () { if ( $(this).hasClass("reg-submit-on") ) $(this).toggleClass('reg-submit-on-hover'); });     

Можно и только классами обойтись

$('.reg-submit-off').removeClass('reg-submit-off').addClass('reg-submit-on').hover(function () { $(this).toggleClass('reg-submit-on-hover'); });

Или перенести обработчик в события onmouseout/onmouseover.

Elosoft, Ваш способ не пойдет... Тогда не будет неактивной кнопки...

Как по мне, то лучший вариант - это вариант с id. А можно сделать ещё проще, через css псевдоселектор :hover. Правда он не поддерживается ие6. Ну и ещё способ - в jquery есть функция live, которая связывает обработчики даже с несуществующими элементами.