title: jquery - stop page reload
body: <p>I have <code>Textbox</code> and <code>Button</code> (Next and Previous) displayed in <code>Lightbox</code>.
  Currently my page is reloading upon clicking the Enter key.
  I dont want this to happen. </p>
  
  <p>What i want is, when i click the Enter key, the "Next" button should be clicked without page reload which resides back of lightbox.</p>
  
  <p>I used the following code, but both <code>reload</code> and <code>click</code> on Next button are happening:</p>
  
  <pre><code>$("input").bind('keyup', function(event){
      if(event.keyCode == 13){
          $("#nextbtn").trigger('click');
      }
      event.preventDefault();
      return false;
  });
  </code></pre>