Why can't application find my JS class (module pattern) MVC

See more:

Javascript

MVC

errors

Alert: Stupid Question

I have task.js file, with a class called Task in it, using the revealing modular pattern.

i'm working on a MVC application, and i've checked the HTML Jquery library gets loaded before my JS script, the following code for the contents of my JS file is below.

the file shows as loaded in the HTML (last), and Network:Scripts in developer tools.

The app works if i use the literal pattern for the class.
Why will it not work with the module pattern? I've used this pattern all the time and not had this problem, what am i doing wrong?

Error:

"Uncaught TypeError: Cannot read property 'init' of undefined"

var Task = (function () {

    var initialize = function () {
        console.log($);
        bindEvents();
    };
    var postFilter = function () {
        console.log("clicked");
        var postData = {
            UserID: $('#user_select').val,
            TaskTypeID: $('#taskTypeSelect').val,
            TaskStatusID: S('#status_select').val,
            PriorityID: $('#priority_select').val
        };

        $.ajax({
            url: "/Tasks/_AllTaskView",
            data: postData,
            success: function (response) {
                $('#results').html(response);
            }

        });
    };

    var bindEvents = function () {
        $('#submit_filter').on('click', postFilter);
    };

    return
    {
        init : initialize

    };

})();

$(document).ready(function () {
    alert()
    Task.init();
});