Using KnockoutJS in your ASP.NET applications

function KnockoutJSRegulator() {
    var _numberOfUnloadedViewModels = 0;

    this.singletonInstance = null;

    var getInstance = function () {
        if (!this.singletonInstance) {
            this.singletonInstance = createInstance();
        }
        return this.singletonInstance;
    }

    var createInstance = function () {
        return {
            ViewModel: {},
            IncreaseNumberOfViewModels: function () { _numberOfUnloadedViewModels++; },
            LoadViewModel: function (clientId, storageFieldId) {
                var stringViewModel = document.getElementById(storageFieldId).value;
                var clientViewModel = ko.utils.parseJson(stringViewModel);
                var partOfBigViewModel = {};
                this.ViewModel[clientId] = partOfBigViewModel;
                for (var propertyName in clientViewModel) {
                    this.ViewModel[clientId][propertyName] = ko.observable(clientViewModel[propertyName]);
                }

                $(document.forms[0]).submit(function () {

                    var newViewModel = {};

                    for (var propertyName in partOfBigViewModel) {
                        newViewModel[propertyName] = ko.utils.unwrapObservable(partOfBigViewModel[propertyName]);
                    }

                    document.getElementById(storageFieldId).value = ko.utils.stringifyJson(newViewModel);
                });

                _numberOfUnloadedViewModels--;

                if (_numberOfUnloadedViewModels == 0) {
                    ko.applyBindings(this.ViewModel);
                }
            }
        };
    }

    return getInstance();
}