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

Дана форма, в которую добавляются номера телефонов без перезагрузки таблицы. Их количество заранее не известно. Перерыла все книги, конкретно такой задачи не нашла. На форумах в основном динамика selec-та и таблиц. Из всего этого у меня получилось слудующее

PHP:

1.  
2. <script language="javascript">
3. <!--
4. // обрабочтик on click
5. function add_text ()
6. {
7.  var next=2;
8.  var s=document.form1.createElement ('input');
9.  s.type= 'text';
10.  s.name= 'tel'+next;
11.  var s1=document.form1.createElement ('input');
12.  s1.type= 'text';
13.  s1.name= 'tel'+next;
14.  var s2=document.form1.createElement ('input');
15.  s2.type= 'button';
16.  s2.name= 'but'+next;
17.  }
18.  -->
19.  </script>
20.  
21. <form name="form1" method="post" action="">
22. <label>Телефон
23.          <input type="text" name="textfield2">
24.          </label>
25.          <input type="text" name="textfield3">
26.            <input type="button" name="but" value="+" onClick="add_text ()">
27. </form>
28.  

Где у меня ошибка? (Я только начала учить) Хотелось бы краткий и красивый код.