Jquery - Функция перетаскивания файлов не работает в MVC

Question

Я пытаюсь реализовать функцию перетаскивания файлов в моей программе MVC, но в настоящее время она вообще не работает. Вот мой код для представления

var formurl = IGT.baseUrl + "/SalesOrders/UploadAttachment";

    <style>
        #droparea {
            background: red;
        }

        .active-drop {
            background: green;
        }
    </style>
    <script src="~/Scripts/jquery.filedrop.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#droparea").filedrop({
                fallback_id: 'btnUpload',
                fallback_dropzoneClick: true,
                url: '@Url.Action("UploadAttachment")',
                //allowedfiletypes: ['image/jpeg', 'image/png', 'image/gif', 'application/pdf', 'application/doc'],
                allowedfileextensions: ['.doc', '.docx', '.pdf', '.jpg', '.jpeg', '.png', '.gif'],
                paramname: 'fileData',
                maxfiles: 5, //Maximum Number of Files allowed at a time.
                maxfilesize: 2, //Maximum File Size in MB.
                dragOver: function () {
                    $('#droparea').addClass('active-drop');
                },
                dragLeave: function () {
                    $('#droparea').removeClass('active-drop');
                },
                drop: function () {
                    $('#droparea').removeClass('active-drop');
                },
                uploadFinished: function (i, file, response, time) {
                    $('#uploadedFiles').append(file.name + '<br />')
                },
                afterAll: function (e) {
                    //To do some task after all uploads done.
                }
            })
        })
    </script>

    <form class="noprint" action="@formurl" method="POST" enctype="multipart/form-data">
        @Html.AntiForgeryToken()
        <input type="hidden" name="id" id="id" value="@Model.ID" />
        <table class="table">           
                <tr>
                    <th>Add an attachment:</th>
                    <div id="droparea">
                        drop files here

                        <td><input type=file name="attachment" id="attachment" class="form-control" /></td>
                    </div>
                </tr>

            <tr><td colspan="2"><input type="submit" value="Upload" class="btn" /></td></tr>
        </table>
    </form>

Есть идеи, что мне не хватает в моем коде? Я посмотрел на примеры того, как это делали другие, и сейчас вижу, что я делаю не так