4bu/gist:1473327

## gistfile1.txt
<!DOCTYPE HTML>
<html lang="en">
    <head>
            <title>wishlist</title>
    </head>
    <body>
        <script type='text/javascript' src='../steal/steal.js?wishlist'></script>

        You have <span class="js-wish-counter">0</span> wishes.
        <form class="js-add-wish">
            <input type="text" placeholder="pleace add your wish"/>
            <input type="submit" value="add"/>
        </form>

        <ul class="js-wish-list"></ul>

        <script id="wish-template" type="text/html">
            <li>
                ${ wish }
                <input type="button" class="js-delete" value="remove" />
            </li>
        </script>

        <script type="text/javascript">
            (function () {
                steal("jquery/controller", "jquery/view/tmpl", function () {
                    $.Controller("WishCounter", {
                        dec: function () {
                            var count = this.element.html();
                            this.element.html(parseInt(count, 10) - 1);
                        },

                        inc: function () {
                            var count = this.element.html();
                            this.element.html(parseInt(count, 10) + 1);
                        }
                    });

                    $.Controller("WishEntry", {
                        remove: function () {
                            this.element.remove();
                            $('.js-wish-counter').wish_counter('dec');
                        },

                        "input click": function () {
                            this.remove();
                        }
                    });

                    $.Controller("WishForm", {

                        add: function () {
                            var input = $('input[type="text"]', this.element),
                                wish = input.val();

                            if (wish.trim() === '') {
                                return;
                            }

                            $('.js-wish-list').append($.tmpl($('#wish-template'), {wish: wish}));
                            $('li:last-child', $('.js-wish-list')).wish_entry();

                            $('.js-wish-counter').wish_counter('inc');
                            input.val('');
                        },

                        "submit" : function(el, event) {
                            event.preventDefault();
                            event.stopPropagation();

                            this.add();
                        }
                    });

                    $('.js-add-wish').wish_form();
                    $('.js-wish-counter').wish_counter();
                });
            }());
        </script>
    </body>
</html>
	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<title>wishlist</title>
	</head>
	<body>
	<script type='text/javascript' src='../steal/steal.js?wishlist'></script>

	You have <span class="js-wish-counter">0</span> wishes.
	<form class="js-add-wish">
	<input type="text" placeholder="pleace add your wish"/>
	<input type="submit" value="add"/>
	</form>

	<ul class="js-wish-list"></ul>

	<script id="wish-template" type="text/html">
	<li>
	${ wish }
	<input type="button" class="js-delete" value="remove" />
	</li>
	</script>

	<script type="text/javascript">
	(function () {
	steal("jquery/controller", "jquery/view/tmpl", function () {
	$.Controller("WishCounter", {
	dec: function () {
	var count = this.element.html();
	this.element.html(parseInt(count, 10) - 1);
	},

	inc: function () {
	var count = this.element.html();
	this.element.html(parseInt(count, 10) + 1);
	}
	});

	$.Controller("WishEntry", {
	remove: function () {
	this.element.remove();
	$('.js-wish-counter').wish_counter('dec');
	},

	"input click": function () {
	this.remove();
	}
	});

	$.Controller("WishForm", {

	add: function () {
	var input = $('input[type="text"]', this.element),
	wish = input.val();

	if (wish.trim() === '') {
	return;
	}

	$('.js-wish-list').append($.tmpl($('#wish-template'), {wish: wish}));
	$('li:last-child', $('.js-wish-list')).wish_entry();

	$('.js-wish-counter').wish_counter('inc');
	input.val('');
	},

	"submit" : function(el, event) {
	event.preventDefault();
	event.stopPropagation();

	this.add();
	}
	});

	$('.js-add-wish').wish_form();
	$('.js-wish-counter').wish_counter();
	});
	}());
	</script>
	</body>
	</html>