title: Can I make a <button> not submit a form?
body: <p>I've got a form, with 2 buttons</p>
  
  <pre><code>&lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt;
  
  &lt;button type="submit"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>I use jQuery UI's button on them too, simply like this</p>
  
  <pre><code>$('button').button();
  </code></pre>
  
  <p>However, the first button also submits the form. I would have thought that if it didn't have the <code>type="submit"</code>, it wouldn't.</p>
  
  <p>Obviously I could do this</p>
  
  <pre><code>$('button[type!=submit]').click(function(event) { event.stopPropagation(); });
  </code></pre>
  
  <p>But is there a way I can stop that back button from submitting the form without JavaScript intervention?</p>
  
  <p>To be honest, I used a button only so I could style it with jQuery UI. I tried calling <code>button()</code> on the link and it didn't work as expected (looked quite ugly!).</p>