title: Onclick javascript stops form submit in Chrome
body: <p>I have the following form:</p>
  
  <pre><code>&lt;form class="custom" method="post" action="/checkout/submit/"&gt;
  ...
      &lt;div class="row"&gt;
          &lt;div class="ten mobile-three columns" style="margin-top: 20px;"&gt;
              &lt;input id="previous-btn" style="margin-top: 10px;" type="submit" class="button radius" name="previous" value="Zurück" /&gt;
              &lt;input id="next-btn" style="margin-top:10px;" type="submit" class="button radius success" name="next" value="Bestätigen" onclick="disableButtons(this);"/&gt;
              &lt;input style="margin-top:10px;" type="hidden" name="next" value="Bestätigen" /&gt;
              &amp;nbsp;&amp;nbsp;&lt;img id="ajax-img" style="display:none;" src="/img/ajax-loader.gif" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  ...
  &lt;script type="text/javascript"&gt;
  function disableButtons(elem)
  {
      $('#previous-btn').prop('disabled', true);
      $('#next-btn').prop('disabled', true);
      $('#ajax-img').css('display','inline');
      return true;
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Using <code>onclick</code> I disable the buttons and show ajax-loading picture while the form is submitted. So that user won't click submit twice.</p>
  
  <p>The problem is that in Chrome  the form is simply not submitted. So the onlclick function works fine, but that's all.
  In FF and IE everything is working fine - in the beginning javascript makes changes to buttons and then normal flow of form submit is done.</p>
  
  <p>Would appreciate any ideas why it breaks in Chrome.
  Thanks!</p>