С помощью jQuery я пытаюсь отключить поле ввода следующим образом:

<input id="submit" type="image" src="submit.jpg">

Я хотел бы отключить кнопку и изменить изображение на другое изображение (submitGreyed.jpg), чтобы визуально уведомить, что кнопка отключена.

Следующей строкой я отключаю кнопку:

JQuery("#submit").attr('disabled','true');

затем я изменяю изображение с помощью:

JQuery("#submit").attr('src','submitGreyed.jpg');

и после отключения я отправляю форму с:

JQuery("#form").submit();

Вторая строка имеет странное поведение; иногда работает, а иногда нет.

Когда это работает, кнопка отключается, изображение меняется и форма отправляется; когда это не работает, кнопка отключена, форма отправляется, но изображение не изменяется.

Как я могу решить это?