JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" method="POST">
    <p>Does submit:</p>
    <input type="text" placeholder="focus and press enter"/>
</form>

<hr/>

<form id="form2" method="POST">
    <p>Does <strong>not</strong> submit:</p>
    <input type="text" placeholder="does not submit"/>
    <input type="text" placeholder=""/>
</form>

<hr/>

<h3><a href="http://stackoverflow.com/questions/17797025/why-does-a-form-with-one-text-input-submit-on-enter-while-one-with-two-text-inpu">Why?</a><h3>

JavaScript

$("#form1").on('submit', function() {
    alert('submitted');
    return false;
})

$("#form2").on('submit', function() {
    alert('submitted');
    return false;
})