<!DOCTYPE HTML>
<html>
    <head>
        <title>test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="../../build/css/ox.ui.css"/>
        <link rel="stylesheet" type="text/css" href="css/form.css"/>
        <script type="text/javascript" src="../../build/js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="../../build/js/ox.js"></script>
        <script type="text/javascript" src="../../build/js/ox.data.js"></script>
        <script type="text/javascript" src="../../build/js/ox.ui.js"></script>
        <script>
            $(function() {
                var fn = function() {
                        alert("OK");
                    },
                    $button = new Ox.Button({id: "button", title: "Button"})
                        .appendTo($("body")),
                    $bind = new Ox.Button({id: "bind", title: "Bind"})
                        .bindEvent("click", function() {
                            Ox.print("Click Bind")
                            Ox.Event.bind($button.options("id"), "click", fn);
                        })
                        .appendTo($("body")),
                    $unbind = new Ox.Button({id: "unbind", title: "Unbind"})
                        .bindEvent("click", function() {
                            Ox.print("Click Unbind")
                            Ox.Event.unbind($button.options("id"), "click", fn);
                        })
                        .appendTo($("body")),
                    $change = new Ox.Button({id: "change", title: "Change ID"})
                        .bindEvent("click", function() {
                            Ox.print("Click Change ID")
                            $button.options({
                                id: "button2",
                                title: "Button 2"
                            });
                        })
                        .appendTo($("body"));
            });
        </script>
    </head>
    <body></body>
</html>