gosukiwi/gist:3456824

## gistfile1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div id="container"></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://raw.github.com/gosukiwi/pochitto/master/pochitto.js"></script>
    <script type="text/javascript">
    var app = new Pochitto(); // Instantiate

    var model = app.Model.extend({
        name: 'Federico',
        on: {
            changed: function(attr, newVal) {
                app.View.get('default').render();
            }
        }
    });

    app.Model.add('model', model);

    var view = app.View.extend({
        el: '#container',
        render: function(){
            var model = app.Model.get('model');
            this.el.html('<input id="name" placeholder="What\'s your name?" type="text" /><input type="button" value="OK" /><br />Hello ' + model.name);
        },
        on: {
            'click input[type=button]': function() {
                app.Model.get('model').set('name', $(this).parent().find('input[type=text]').val());
            }
        }
    });

    app.View.add('default', view);

    app.route('/', function(){
        app.View.get('default').render();
    });

    app.init(); // Initialize
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<div id="container"></div>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
	<script type="text/javascript" src="https://raw.github.com/gosukiwi/pochitto/master/pochitto.js"></script>
	<script type="text/javascript">
	var app = new Pochitto(); // Instantiate

	var model = app.Model.extend({
	name: 'Federico',
	on: {
	changed: function(attr, newVal) {
	app.View.get('default').render();
	}
	}
	});

	app.Model.add('model', model);

	var view = app.View.extend({
	el: '#container',
	render: function(){
	var model = app.Model.get('model');
	this.el.html('<input id="name" placeholder="What\'s your name?" type="text" /><input type="button" value="OK" /><br />Hello ' + model.name);
	},
	on: {
	'click input[type=button]': function() {
	app.Model.get('model').set('name', $(this).parent().find('input[type=text]').val());
	}
	}
	});

	app.View.add('default', view);

	app.route('/', function(){
	app.View.get('default').render();
	});

	app.init(); // Initialize
	</script>
	</body>
	</html>