La función de recarga de página no funciona en jQuery

Código de jQuery para no volver a cargar la página:

$(document).ready(function(){ $('#submit').click(function(){ var page = $(this).attr('id'); $('#content').load('content/submit.php'); }); }); 

Formulario enviado

  

submit.php :

 

Thanks For the Submission

Todavía no sé que está cargando la página después de hacer clic en el botón de enviar

    Esto te ayudará a comenzar un poco.

    Debe evitar que se envíe el formulario normal al evitar el evento predeterminado en su botón. De lo contrario, la página se volverá a cargar debido a la presentación del formulario.

    También necesita enviar datos al servidor. Puede obtener todos los datos del formulario usando serialize()

     $(function(){ $('#submit').click(function(event){ event.preventDefault(); // collect the form data var data = $(this).closest('form').serialize(); // send the data and load new content $('#content').load('content/submit.php', data, function(){ // new html now exists can run any code needed here }); }); });