title: button onclick function is unnecessarily reloading the page after the function execution
body: <p>Here is a button onclick which calls a function. When this button is clicked after the function execution, the page is getting reloaded in firefox browser. </p>
  
  <pre><code>&lt;button id="next" class="submit" type="submit" onclick="onNextEvent()" return false;&gt;Next&lt;/button&gt;
  </code></pre>
  
  <p>When </p>
  
  <pre><code>event.stopImmediatePropagation();
  event.preventDefault();
  </code></pre>
  
  <p>are removed from this
  function, the page is getting reloaded in Chrome browser.I am using Jquery jquery - 1.9.1.js.Please help!Thanks</p>
  
  <pre><code>function onNextEvent() {
      event.stopImmediatePropagation();
      event.preventDefault();
      if ($('.current').hasClass('first')) {
          $('.current').removeClass('current').hide()
              .next().show().addClass('current');
          $('#prev').show();
          $('#prev').attr('disabled', null);
          $('#skip').show();
          return;
      }
  }
  </code></pre>