javascript - jquery を使用して div を削除する

Question

ユーザーが必要なフォームの数を入力する HTML テキストボックスがあり、そのフォームの数がユーザーに表示されます。

<label>No of Applicant</label><input type="text" class="form_input" id="applicant" value="1" onchange="addevent();"/></div>

機能addevent()は次のとおりです。

function addevent(){
var x=document.getElementById('applicant').value;

for(i=1;i<x;i++)
{
    var ts=document.getElementById('holder');
    var newdiv = document.createElement('div');

    var p=i+1;            // Form 1 is default, must exist
    if(p==1)
    {
        var no = p+' st';
    }
    else if(p==2)
    {
        var no = p+' nd';
    }
    else if(p==3)
    {
        var no = p+' rd';
    }
    else
    {
        var no = p+' th';
    }

        newdiv.innerHTML='<div class="form_row"><p>New Form number'+no+'</p></div>';
        ts.appendChild(newdiv);
    }


}   

そして、上記のスクリプトはうまく機能しています。ただし、ユーザーが必要なフォームを再入力すると、フォームの数が前のフォームに追加されます。つまり、以前に彼が 2 つのフォームを入力した場合、彼は 3 つのフォームを再入力し、フォームの総数は現在 5 です。新しい div を作成する前に、作成された div を削除できる方法があることを知りたいです。