title: How to prevent the Enter key to submit form
body: <p>I have a input field (type=text) on my page. I use Bootstrap and to style the field I use next html code:</p>
  
  <pre><code>&lt;form fole="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;input type="text" class="form-control" id="add-bookmark" value placeholder="Enter URL"&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In the meteor application I have event handler:</p>
  
  <pre><code>Template.new_bookmark.events({
  
      // add new bookmark
      'keyup #add-bookmark' : function(e,t) {      
        console.log(e.which);
        if(e.which === 13)
        {
  </code></pre>
  
  <p>When I press any button in the input field I get the key code in the console (as I wish).  But if I press the Enter-key the console log have nothing and my page is reloaded.   </p>
  
  <p>Looks like the reason  of my problem is in the form-tag.  If I remove it all works fine.  What do I need to do ?  Remove the form-tag or prevent the page will be reloaded when I hit the Enter-key ?  How can I do it if the answer is second ?</p>