JSFiddle - React, Tailwind, and code Playground

HTML

<p>Expected behavior is a "click" alert followed by a "submit" alert.</p>
<form id="broken">
    <input type="textbox" size="35" value="Click the button or press enter here" />
    <input type="textbox" value="IE8 workaround for keypress submit behavior" style="visibility: hidden; width: 0" />
    <input type="submit" value="Submit" />
</form>

JavaScript

$(document).ready(function() {
    //// TEST 1 ////
    // On IE 8, this produces only (submit) for either click or keypress submission
    $('#broken').live('submit', function(event) {
        alert('submit');
        event.preventDefault();
    });
    $('#broken :submit').live('click', function() {
        alert('click');
    });

    //// TEST 2 ////
    // On IE 8, this produces (click, submit) for an actual click, but only (submit) for keypress
    //$('#broken :submit').live('click', function() { alert('click'); });
    //$('#broken').live('submit', function(event) {
    //    alert('submit');
    //    event.preventDefault();
    //});
});