Динамическое добавление полей в форме

Пример добавления элементов. Ответ на вопрос в форуме http://www.linkexchanger.su/forum/viewtopic.php?f=20&t=1571

HTML

<ul id="container">
    <li><input type="text" value="" /><input type="text" value="" /><button>Delete</button></li>
</ul>

<button id="addNewField">Add new field</button>

CSS

li {
 padding: 2px 5px;   
}

JavaScript

$(function(){
    
    $('#addNewField').click(function(){
       $('<li></li>')
           .append('<input type="text" value="" />')
           .append('<button>Delete</button>')
           .appendTo('#container');
    });
    
    $('button').live('click', function(){
        if ($(this).text() == 'Delete') {
          $(this).parent().remove();
        }  
    });
    
});