title: bootstrap studio: enter key appears to causing reload of page
body: <p>I have a web page with several forms. Only one is visible at a time, depending on state.</p>
  <p>On one form, pressing the enter key appears to be causing a reload of the page rather than triggering a click event for the form's button.</p>
  <p>I have a lot of javascript, primarily because I need client side interaction with mailchimp. Because of that, I have disabled the form's <code>action=</code> html and have instead created a javascript function to handle the click. It works fine if you click on the button.</p>
  <p>I have also assigned a listener for the sole field in the form:</p>
  <pre><code>var input = document.getElementById (&quot;new-email-address&quot;);
  input.addEventListener (&quot;keyup&quot;, function(event)
  {
    if (event.keyCode === 13)
    {
      event.preventDefault();
      document.getElementById(&quot;new-email-address&quot;).click();
    }
  });
  </code></pre>
  <p>Yet, when I click the enter key, the <code>$(document).ready (function()</code> executes. It's possible something else is executing beforehand, but, if so, I haven't found a way to discover that.</p>
  <p>What could be causing this behavior ?</p>