¿Cómo dejar de actualizar la página después de la llamada ajax?

No puedo dejar de actualizar la página después de una llamada ajax. Lo he intentado poniendo e.preventDefault (); y devuelve falso; también, pero de nuevo mi página es refrescante.

No sé cuál es el problema con el código o algo así. Ayúdame a dejar de actualizar la página después de la llamada ajax. Resolver este problema sería de gran ayuda para mí. Gracias por adelantado.

Aquí está mi código:

$(document).ready(function() {
    $('#loginForm').on('click', function(e) {
        e.preventDefault();
        var formData = {
            'uname'  : $('#uname').val(),
            'pwd'    :      $('#pwd').val()
        };
        $.ajax({
            type        : "POST",
            url         : "getresults.php", 
            data        : formData
        }).done(function(data) {
              alert(data+"This is working");
        }).fail(function(data) {
              alert("This is not working");
        });
    });
});

Respuestas a la pregunta(4)

Su respuesta a la pregunta