$(document).ready(function(){
$("#loginForm").unbind('submit').bind('submit', function() {
    console.log('Form submitted'); // add this line
    var form = $(this);
    var url = form.attr('action');
    var type = form.attr('method');

    $.ajax({
        url  : url,
        type : type,
        data : form.serialize(),
        dataType: 'json',
        success:function(response) {
            console.log('Result:'); // add these lines
            console.log(response);
            if(response.success === true) {
                // commenting out this line... we want to see what is going on
                //window.location = response.messages;
            }
            else {
                if(response.messages instanceof Object) {
                    $("#message").html('');

                    $.each(response.messages, function(index, value) {
                        var key = $("#" + index);

                        key.closest('.form-group')
                        .removeClass('has-error')
                        .removeClass('has-success')
                        .addClass(value.length > 0 ? 'has-error' : 'has-success')
                        .find('.text-danger').remove();

                        key.after(value);

                    });
                }
                else {
                    $(".text-danger").remove();
                    $(".form-group").removeClass('has-error').removeClass('has-success');

                    $("#message").html('<div class="alert alert-warning alert-dismissible" role="alert">'+
                      '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>'+
                      response.messages +
                    '</div>');
                } // /else
            } // /else
        } // /if
    });

    return false;
});
});