JSFiddle - React, Tailwind, and code Playground

HTML

<form action="/" method="get">
        <fieldset>
         <input type="text" id="control1" name="control1" value="control1" class="data-entry" tabindex="1" /><br />             <input type="text" id="control2" name="control2" value="control2" class="data-entry" tabindex="2" onchange="$('#result').html($(this).val());"/><br />             <div id="result">- - -</div><br />             <input type="submit" id="submitbutton" />         </fieldset>     </form>

JavaScript

$(document).ready(function() {
    if ($.browser.mozilla) {
        $("input.data-entry").keypress(checkEnter);
    } else {
        $("input.data-entry").keydown(checkEnter);
    }
    $('#control1').bind('change', function(event) {
        $('#result').html($(this).val());
    });
});

function checkEnter(event) {
    if (event.keyCode == 13) {
        $('#submitbutton').focus();
        return false;
    }
}