My callback method not waiting for ajax response to be completed.

Question

getAnnotationImageSrc: function (mark) {
var json = JSON.stringify(mark.toJSON());

function CreateMessage(callback) {
    
    return $.ajax
       ({
            url: Constants.Url_Base + 'Message/CreateMessage',
            data:{jsData: json},
            type: 'post'

        })
        .done(callback)
       
}

CreateMessage(function (resp)
{
    if (resp.status !== 'ok')
    {
        ErrorHandler.addErrors(resp.message, css.warningErrorClass, css.warningErrorClassTag, css.inputErrorClass, '');
    }
    else
    {
        var messageId = encodeURIComponent(resp.result);
        json = messageId;
        src = Constants.Url_Base + "Message/GetMessage?jsData=" + encodeURIComponent(json);
    }
});
}