Kann ich erreichen, dass eine Schaltfläche ein Formular nicht übermittelt?

Ich habe ein Formular, mit 2 Schaltflächen

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

Ich verwende jQuery UI's Button auf sie zu, einfach wie folgt

$('button').button();

Die erste Schaltfläche sendet jedoch auch das Formular ab. Ich hätte gedacht, wenn es nicht das "type="submit&quot"-Zeichen hat, würde es nicht funktionieren.

Offensichtlich könnte ich dies tun

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

Aber gibt es einen Weg, wie ich verhindern kann, dass die Schaltfläche "Zurück" das Formular ohne JavaScript-Eingriff abschickt?

Um ehrlich zu sein, habe ich eine Schaltfläche nur verwendet, damit ich sie mit jQuery UI gestalten kann. Ich habe versucht, button() auf dem Link aufzurufen und es hat nicht wie erwartet funktioniert (sah ziemlich hässlich aus!).