gistfile1.js

(function () {
    "use strict";

    var Todos = [];
    var Todo = function () {
        this.title = null;
        this.isDone = false;
    };

    $(document).ready(function () {
        $('#btn-add').click(function () {
            var title = $('#todo-title');

            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "TodoManager.asmx/AddTodo",
                dataType: "json",
                data: '{ "title": "' + title.val() + '", "isDone": false }',
                success: function (data) {
                    var todo = new Todo();
                    todo.title = data.d.title;
                    todo.isDone = data.d.isDone;
                    Todos.push(todo);
                    $('#todo-list').append('<li>' + todo.title + '</li>');
                    $('#total-todos').html(Todos.length);
                    title.val('').focus();
                }
            });
        });
    });
})();