happy function get's called on Ajax Call

[awaistariq]

How can I prevent form submission on ajax call?
As soon as I make an ajax call to get some data from server, my form gets submitted. How to prevent this?
Code is as follows:
` unHappy: function (values) {

        if ($('#home').find('span.unhappyMessage').length !== 0) {
            $('.one').css('background-color', 'red');
        } else {
            $('.one').css('background-color', 'white');
        }
        if ($('#mother').find('span.unhappyMessage').length !== 0) {
            $('.two').css('background-color', 'red');
        } else {
            $('.two').css('background-color', 'white');
        }
        if ($('#father').find('span.unhappyMessage').length !== 0) {
            $('.three').css('background-color', 'red');
        } else {
            $('.three').css('background-color', 'white');
        }
        if ($('#officer').find('span.unhappyMessage').length !== 0) {
            $('.four').css('background-color', 'red');
        } else {
            $('.four').css('background-color', 'white');
        }
        if ($('#informant').find('span.unhappyMessage').length !== 0) {
            $('.five').css('background-color', 'red');
        } else {
            $('.five').css('background-color', 'white');
        }
    },
    happy: function (values) {

        $('.one').css('background-color', 'white');
        $('.two').css('background-color', 'white');
        $('.three').css('background-color', 'white');
        $('.four').css('background-color', 'white');
        $('.five').css('background-color', 'white');
    },

`