jQuery Alert在其他语句之前先执行

Question

我有以下js脚本：

$('#uploadForm').submit( function () {
    var fileExists;

    // display loader
    appendData();
    // alert('first');

    if((typeof reference !== 'undefined') && reference) {        
        alert('second');    
    }
    return false;
});

function appendData() {
    $div = $("<div></div>");
    $div.addClass("overlay");
    $div.attr("id", "overlay-procurement");
    $div.append("<i class='fa fa-refresh fa-spin'></i>");    
    $("#upload_container").append($div);
}

提交表格时的执行顺序：

弹出alert('second')内的
1. if-else。
2. 单击OK后，将显示加载程序。

但是使用alert('first')的顺序是正常的。

为什么显示此行为？