title: Don't refresh page when enter key is pressed
body: <p>I'm having some problems with the enter key triggering a refresh of the page whenever there is input in a form.</p>
  
  <p>The following code does not refresh the page if enter is pressed and if there is no text inputted in the text area (#input) but will refresh the page if enter is pressed and there is input in #input OR if the cursor is in the text area. I'm not sure what's triggering it, as #submit is a regular button.</p>
  
  <pre><code>&lt;div id="forms" class="container"&gt;
              &lt;form&gt;
                  Enter your verb here in plain (dictionary) form:
                  &lt;input type="text" class="input-sm" id="input"&gt;&lt;/input&gt;
                  &lt;div class="radio"&gt;
                      &lt;label&gt;
                          &lt;input type="radio" name="input-method" value="Hiragana" checked /&gt;Radio 1
                      &lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="radio"&gt;
                      &lt;label&gt;
                          &lt;input type="radio" name="input-method" value="Romaji" /&gt;Radio 2
                      &lt;/label&gt;
                  &lt;/div&gt;
                  &lt;input type="button" class="btn btn-default" id="submit" value="Submit"&gt;
                  &lt;/input
              &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to jquery to solve the problem, but need help in that regard. Any suggestions would be appreciated!</p>