Mit jQuery versuche ich, ein Eingabefeld wie das folgende zu deaktivieren:

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

Ich möchte die Schaltfläche deaktivieren und das Bild durch ein anderes Bild (submitGreyed.jpg) ersetzen, um visuell darauf hinzuweisen, dass die Schaltfläche deaktiviert ist.

Mit der folgenden Zeile deaktiviere ich den Button:

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

dann ändere ich das bild mit:

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

und sobald deaktiviert, sende ich das Formular mit:

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

Die zweite Zeile hat etwas seltsames Verhalten; manchmal funktioniert und manchmal nicht.

Wenn es funktioniert, ist die Schaltfläche deaktiviert, das Bild wurde geändert und das Formular wird gesendet. Wenn dies nicht funktioniert, ist die Schaltfläche deaktiviert, das Formular wird gesendet, das Bild wird jedoch nicht geändert.

Wie kann ich das lösen?