Значение HttpPstedFileBase равно null в контроллере asp .net MVC при попытке загрузить файл с использованием JQuery.

Question

Ниже приводится JQuery код, который я использую:

$('#btnVideoUpload').click(
    function () {
        var xhr = new XMLHttpRequest();
        var fd = new FormData();
        fd.append("AssociatedVideoFile", $('#AssociatedVideoFile')[0]);
        console.log($('#AssociatedVideoFile')[0]);
        xhr.open("POST", "/Admin/UploadVideo/", true);
        xhr.send(fd);
        xhr.addEventListener("load", function (event) {
            alert(event.target.response);
        }, false);
    });

Вот мой код контроллера:

[HttpPost]
public void UploadVideo(HttpPostedFileBase AssociatedVideoFile){
    var fupVideoFile = AssociatedVideoFile;
    //other code...
}

Когда я запускаю этот код, значение AssociatedVideoFile всегда ноль. Может кто-нибудь помочь мне с этой проблемой и указать, что я делаю не так?