Blueimp文件上传多个小部件使用按钮单击不工作

Question

我正在尝试使用此example在一个页面中实现具有多个表单元素的Blueimp。这是我的代码

<form class="upload-vid">
    <input type="file" name="video_survey" accept="video/mp4" class="text-left upload-text">
    <input type="hidden" name="video_id" value="pg1.v1">
    <div class="btn-group" data-toggle="buttons">
        <label class="upload-btn btn btn-base btn-keep btn-tab-edit btn-base-active">
            <input type="checkbox"> Upload
        </label>
    </div>
    <br><br>
</form>

$('form.upload-vid').each(function(index, value){
    $(this).fileupload({
        url: '/user/save_video',
        dataType: 'json',
        add: function (e, data) {
            alert('asd'); //used for checking 
            var uploadBtn = $(this).find('.upload-btn');
            $('.upload-btn').off('click').on('click', function(){
                $(this).closest('form').find('.progressbar').css('width', '0%');
                data.submit();
            });
        }
    });
});

但是当我选择文件时，不会触发添加。我正在使用基本插件（最小化设置）。控制台没有显示错误或任何内容

修改
添加使用的HTML