hello everyone working on PHP MVC. Facing issue while submitting form using ajax, in Network area of Inspect elements not able to see that perticular ajax being called. If i try to run console.log or alert in that JS then it's working fine. here is my JS code. Thanks in advance.

$(document).ready(function(){
    $("button#applyLeave").click(function(){
        console.log('asgnduser');
        var leaveType = $("#leavetype").val();
        var leaveDate = $("#leavedate").val();
        var leaveTime = $("#leavetime").val();
        var leaveDateRange = $("#reservation").val();
        var leaveReason = $("#leavereason").val();
        console.log(leaveType + ' ' +leaveDate+ ' ' +leaveTime + ' ' +leaveDateRange + ' ' +leaveReason);
        alert(APP_URL + '/apply-leave');

        var dataString = 'leaveType='+ leaveType + '&leaveDate='+ leaveDate + '&leaveTime='+ leaveTime + '&leaveDateRange='+ leaveDateRange + '&leaveReason='+ leaveReason;
            // AJAX Code To Submit Form.
            $.ajax({
                type: "POST",
                url: APP_URL + '/apply-leave',
                data: dataString,
                cache: false,
                success: function(result){
                    // console.log('Success: '+result);
                    // alert('Data Saved Successfully');
                    if (result == 'success') {
                        alert("Leave applied!!!");  
                        window.location.href = APP_URL + '/leaves';
                    }   
                },
                error: function(result){
                    // console.log('Error: '+result);
                }
            });
        return false;
    });
});