¿Cómo hago para que un botón HTML no vuelva a cargar la página?

Tengo un botón ( <input type="submit">). Cuando se hace clic en él, la página se vuelve a cargar. Como tengo algunas hide()funciones de jQuery que se llaman al cargar la página, esto hace que estos elementos se oculten nuevamente. ¿Cómo hago para que el botón no haga nada, de modo que pueda agregar alguna acción que ocurra cuando se hace clic en el botón, pero no recargar la página?

no hay necesidad de js o jquery. para detener la recarga de la página, simplemente especifique el tipo de botón como 'botón'. si no especifica el tipo de botón, el navegador lo configurará en 'restablecer' o 'enviar' para que la página se vuelva a cargar.

 <button type='button'>submit</button> 

Use el <button>elemento o use un <input type="button"/>.

En HTML:

<form onsubmit="return false">
</form>

para evitar la actualización en todos los "botones", incluso con un clic asignado.

Puede agregar un controlador de clic en el botón con jQuery y devolver falso.

$("input[type='submit']").click(function() { return false; });

o

$("form").submit(function() { return false; });

En HTML:

<input type="submit" onclick="return false">

Con jQuery, alguna variante similar, ya mencionada.

Puede utilizar un formulario que incluye un botón de envío. Luego use jQuery para evitar el comportamiento predeterminado de un formulario:

$(document).ready(function($) {
  $(document).on('submit', '#submit-form', function(event) {
    event.preventDefault();
  
    alert('page did not reload');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form id='submit-form'>
  <button type='submit'>submit</button>
</form>

Como se indica en uno de los comentarios (enterrado) arriba, esto se puede solucionar no colocando la etiqueta del botón dentro de la etiqueta del formulario. Cuando el botón está fuera del formulario, la página no se actualiza.

Todavía no puedo comentar, así que publico esto como respuesta. La mejor manera de evitar la recarga es cómo dijo @ user2868288: usando onsubmiten la formetiqueta.

De todas las otras posibilidades mencionadas aquí, es la única forma que permite que se active la nueva validación de entrada de datos del navegador HTML5 ( <button>no lo hará ni los controladores jQuery / JS) y permite que su información dinámica jQuery / AJAX se agregue en el página. Por ejemplo:

<form id="frmData" onsubmit="return false">
 <input type="email" id="txtEmail" name="input_email" required="" placeholder="Enter a valid e-mail" spellcheck="false"/>
 <input type="tel" id="txtTel" name="input_tel" required="" placeholder="Enter your telephone number" spellcheck="false"/>
 <input type="submit" id="btnSubmit" value="Send Info"/>
</form>
<script type="text/javascript">
  $(document).ready(function(){
    $('#btnSubmit').click(function() {
        var tel = $("#txtTel").val();
        var email = $("#txtEmail").val();
        $.post("scripts/contact.php", {
            tel1: tel,
            email1: email
        })
        .done(function(data) {
            $('#lblEstatus').append(data); // Appends status
            if (data == "Received") {
                $("#btnSubmit").attr('disabled', 'disabled'); // Disable doubleclickers.
            }
        })
        .fail(function(xhr, textStatus, errorThrown) { 
            $('#lblEstatus').append("Error. Try later."); 
        });
     });
   }); 
</script>