Сделайте ul как вход

Я хочу сделать ul как входной, как в этом jsfiddle: http://jsfiddle.net/hailwood/u8zj5/

(но я не хочу использовать tagit, я хочу реализовать его сам)

Я хочу, чтобы пользователь мог написать что-то на входе, и когда он нажимает клавишу ввода, на вход будет вставлен символ li с X.

Я действительно не знаю, как его реализовать.

Если я знаю, как сделать ul в качестве входных данных, я буду знать, как это сделать.

пожалуйста помогите:

если у меня есть ul:

<ul id="countries"></ul>

Я хочу сделать его доступным для записи, как в jsfiddle я дал выше.

и тогда это должно быть что-то вроде:

$('#countries').keypress(function(e) {
    if(e.which == 13) {
        var value; // here I have to get the value of the input
        // insert the li to the ul:
        $('#countries').append('<li value="1">' + value +
                       '&nbsp;&nbsp;<span class="closeButton">X</span></li>');
    }
});

$('.closeButton').live('click', function(){
    $(this).parent().remove();
});

любая помощь ценится!