JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Form Submit Test</title>
</head>
<body>
  <p>Scenario: More than 1 field on a form. IE7 or IE8. Hitting "Enter" when a field is in focus (instead of clicking submit button) triggers submit event TWICE before form is actually submitted (request is created). Expected behavior: trigger only once before form is actually submitted.
  </p>
  <form action="fail.html">
    <input type="text" name="field_1"/>
    <input type="text" name="field_2"/>    
    <button type='submit'>Run</button>
  </form>
</body>
</html>

JavaScript

$('form').live('submit', function(e){
  if ($(this).hasClass('submitted')){
    alert('submitted second time... only in ie8');
  } else {
    $(this).addClass('submitted');
    alert('submitted first time');
  }
});