Custom upload button for Kendo not working-Collection of common programming errors

I’m trying to use a custom button instead of the default Kendo upload button.

So i placed a custom button on the page with the following Javascript code:

$(function () {
    $(document).on('click', '#upload-button', function () {
        $('#upload').click();
    });

    $("#upload").kendoUpload({
        async: {
            saveUrl: '@Url.Action("Submit")',
            autoUpload: true
        }
    });
});

When i click my custom button then a Browse dialog appears, which is good. But when i select a file then it should start the upload. But then it crashes with the following error message:

Unhandled exception at line 8, column 376125 in http://localhost:9001/Scripts/kendo_web_min.js

0x80070005 - JavaScript runtime error: Access is denied.

Is there a way i can make this work?