function ViewModel() {

        this.a = ko.observable("a");

        this.b = ko.observable("b");

        this.c = ko.observable("c");

        this.d = ko.observable("d");     

    }

​

    var vm = new ViewModel();

​

    ko.applyBindings(vm, document.getElementById("attdet"));

​

ko.applyBindings(vm, document.getElementById("shohid"));

​

    var nodes = null;

​

    $("#detach").click(function () {

        nodes = $("#attdet").children().detach();

    });

​

    $("#attach").click(function () {

        $("#attdet").append(nodes);

    });

​

    $("#update").click(function () {

        vm.a("att-det");

        vm.b("att-det");

    });

​

    $("#hide").click(function () {

        nodes = $("#shohid").hide();

    });

​

    $("#show").click(function () {

        $("#shohid").show();

    });

​

    $("#upd").click(function () {

        vm.c("show-hide");

        vm.d("show-hide");

    });

​