Wxample source for writing better javascript, part 2

bad-code-from-part-1.js

    function getToDoHtml(todo) {
        return '<li><span class="todo">' + todo + '</span><a class="edit">Edit</a><a class="remove">Remove</a></li>';
    }

    $('input[type="submit"].add-todo').click(function () {
        var todo = $('input[type="text"].add-todo').val();

        if (todo) {

            $('.todo-list').append(getToDoHtml(todo));
            $('input[type="text"].add-todo').val(null);
        }
    });

slightly-improved-code.js

    var addTodoButton = $('input[type="submit"].add-todo');
    var todoTextbox = $('input[type="text"].add-todo');
	
    $(addTodoButton).click(function () {
        var todo = $(todoTextbox).val();

        if (todo) {

            $('.todo-list').append(HtmlFor(todo));
            $(todoTextbox).val(null);
        }
    });
	
	function HtmlFor(todo) {
        return '<li><span class="todo">' + todo + '</span><a class="edit">Edit</a><a class="remove">Remove</a></li>';
    }