Template for creating componentized javascript design

template.js

(function (purchasing, $) {
    //Private Property
    var options = {};

    //Public Property
    purchasing.AddressData = { Id: null, Name: 'Default' };

    //Public Method
    purchasing.options = function (o) {
        $.extend(options, o);
    };

    purchasing.init = function() {
        //Do your jquery document ready stuff in here
        $("#element").click(function() {
            //On click stuff
            if (options.showAlert){
               alert(helper());
            }
        });
    };
    
    //Private function
    function helper() {
        return "Hello, world!";
    };
} (window.purchasing = window.purchasing || {}, jQuery));

yourview.cshtml

<script>
//Setup your options
purchasing.options({ modifyUrl: '@Url.Action("EditAddress")', showAlert: true });
        
$(function () {
    //init the public method
    purchasing.init();
});

</script>