title: Buttons not working in IE10
body: <p>Neither of these are working for me in IE10 at all, but they all work fine in every other browser, including IE9.</p>
  
  <h1>1) Button within a link</h1>
  
  <p>In IE10, this button just literally does nothing when you click it:</p>
  
  <pre><code>&lt;a href="http://www.mysite.com/whatever"&gt;
      &lt;input type="button" class="btn" value="Edit"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <h1>2) Submitting a form with a button</h1>
  
  <pre><code>&lt;form action="myfile.php" method="post"&gt;
      &lt;button class="btn btn-large red" id="submit" type="submit"&gt;Generate&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This has very weird behaviour. Normally you would expect it to go to the <code>myfile.php</code> page straight away and start loading. However in this instance, the loader spins on the current file then stops as if it's finished, then 10 seconds later (or however long the form takes to load) it jumps to the next page. </p>
  
  <p>Crucially, from the user's point of view, it looks like it's doing nothing.</p>
  
  <p>Has anyone else come across these issues in IE10?</p>
  
  <p>I've tried various things like setting the x-ua-compatible to:</p>
  
  <pre><code>IE=9
  
  IE=9,chrome=1
  
  IE=EmulateIE9
  </code></pre>
  
  <p>etc... but it hasn't made any difference at all.</p>