使用jquery上传文件，但它不会触发.done事件

Question

I was looking for other posts but I couldn't resolve my problem. When I upload a file it's successful, but .done() event doesn't work and it doesn't refresh to "test.php?validate". Here is the jquery code:

function init(){
    $("#asd").submit(function(){
        var data = new FormData($('#asd')[0]);
        upload(data);
        return false;
    });
}

function upload(data) {
    $("#asd > :submit").prop('disabled', true);
    $.ajax({
        url: "test.php?validate",
        type: "POST",
        data: data,
        async: false,
        cache: false,
        contentType: false,
        processData: false

    })
    .done(function(info){
        var data = JSON.parse(info);
        if (data.status == 200)
            messageAndRedirect(data.msg, data.url);
        else
            error(data.msg);
    })

    .fail(function(){
        alert("Error.");
    })
    .always(function(){
        $("#asd > :submit").prop('disabled', false);
    });

}

and here is the input code:

{include file="header.tpl" title="files" scripts=$scripts}
<form id="asd"  enctype="multipart/form-data">
         <label for="file">Filename:</label>
        <input type="file" name="file" id="file" /> 
        <br>
        <input type="submit" value="¡upload!">
</form>
</body>
</html>

Please help! Thanks