Enviar un formulario usando

En realidad, para enviar el formulario su input tipo debe ser submit , no button .

Usando un button la etiqueta también funcionaría.

<input type="submit" id="submitDetails" class="submitDetails" name="submitDetails" value="Submit Your Details" />

A menos que tenga algún código javascript que active el envío del formulario.

El atributo de acción también es obligatorio según la especificación, pero incluso sin ella, la mayoría de los navegadores asumen que la URL de acción es la página actual.

Editar :si desea enviar los datos del formulario sin recargar la página, tiene para usar ajax, o poner todo el formulario bajo un iframe . (Por favor, hágalo con ajax).

De lo contrario, haga clic en input[type=button] realmente no hará nada.

Los datos del usuario son los datos reales de su formulario, puede capturarlos usando:

$(document).ready(function() {
  $(".submitDetails").click(function(e) {
      e.preventDefault();

    // See Teez answer, I wasn't aware of this.
    var dataToSend = $("#userDetails").serializeArray();

    $.ajax({                
        url: "userDetailTest.php", 
        type: "POST",
        data: dataToSend,     
        cache: false,
        success: function(php_output)
        {
         $(".overallSummary").html(php_output);
        }    
    });
  });
});