Привет. Есть скрипт динамического добавления элементов формы, помогите пожалуйста его модернизировать и добавить в него удаление этих же элементов. Сам в JS, к сожалению не силен (=

<form method="post">
<table border="1" id="v_table">
<thead>
<tr>
<th>xml_id</th>
<th>значение</th>
<th>сорт.</th>
<th>по умол.
<input type="radio" name="default" value="none" checked></th>
</tr>
</thead>
<tbody>
<tr>
    <td><input type="text" name="xml_id[0]"></td>
    <td><input type="text" name="values[0]"></td>
    <td><input type="text" name="val_sort[0]" value="500"></td>
    <td><input type="radio" name="default" value="0"></td>
</tr>
</tbody>
</table>
 
<input type="button" onclick="add_value_f()" value="Добавить поле"/>
<input type="submit" name="send" value="Сохранить">
</form>

<script type="text/javascript">
var d = document;
var last_id = 0;
function add_value_f() {    
    var tbody = d.getElementById('v_table').getElementsByTagName('tbody')[0];

    var row = d.createElement("tr");
    tbody.appendChild(row);
 
    var td1 = d.createElement("td");
    var td2 = d.createElement("td");
    var td3 = d.createElement("td");
    var td4 = d.createElement("td");
 
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
     
    last_id = last_id + 1;
 
    td1.innerHTML = '<input type="text" name="xml_id['+last_id+']">';
    td2.innerHTML = '<input type="text" name="values['+last_id+']">';
    td3.innerHTML = '<input type="text" name="val_sort['+last_id+']" value="500">';
    td4.innerHTML = '<input type="radio" name="default" value="'+last_id+'">';
}
</script>