Как добавить еще поле?
 

У меня такая проблема: необходимо создать форму с переменным количеством полей, чтоб по нажатию на кнопку "Добавить еще поле", появлялось новое.

Я пробовал написать фукцию и вставить её в тело jQuery

jQuery.fn.extend({
    addfeilds:function(){
        var n;
        var i;
        var substringhtml;
        substringhtml=''
        n = $(this).val();
        for (i=1; i < n; i++)
        {
            substringhtml+='<tr><td>Введите '+i+' вариант<input type="text" name="value'+i+'" id="value'+i+'" value="" size="15"></td></tr>';
        }
        $("table.input").html(substringhtml).fadeIn("slow");
    }
});

а потом в необходимом месте на странице:

Выделить все
<script language="javascript">
$(document).ready(function()
{
    $("#val").blur(function(){
        $("#val").addfeilds();
    });
}
</script>
Введите количество вариантов
<input type="text" name="val" id="val" value="" size="2" maxlength="2">
<table class="nput">
</table>

Какие очевидные ошибки я допустил?
И правильно ли я использую здесь функцию html()? Може надо использовать что-то другое?