JQuery insertBefore生成重复项而不是更新它

Question

所以我想快速创建一个简单安全的联系表单，所以我只是用Google搜索并找到了template 并尝试将其与我的代码合并：

<article>
<div id='errord'></div>
<div id="wrap">
    <form id="contactform" action="processForm.php" method="post">
        <input placeholder="نام" type="text" id="name" name="name" />
        <input placeholder="ایمیل" type="text" id="email" name="email" />
        <textarea placeholder="پیام شما" id="message" name="message" rows="5" cols="20"></textarea>
        <input class="btn btn-success" type="submit" value="ارسال" id="send" /> 
    </form>
    <div id="response"></div>
</div>

但是Icant让它工作，它的表单有一个验证，显示错误，如填充输入或电子邮件fomat错误，在原始形式它工作得很好，但在mu代码（HTML编辑不想要表的东西）intead更新mesaages它只是插入更多错误说错误几次，我的意思是，错误代码

js code更新了错误消息：

  $('#contactform').validate({
    // Specify what the errors should look like
    // when they are dynamically added to the form
    errorElement: "p",
    errorPlacement: function(error, element) {
        error.insertBefore( element.parent() );
        error.wrap("<div class='error' id='errord'></div>");        
    }
it's a part of a bigger function ... (slightly modified)

我尝试了不同的approches，但是我无法使用html和css 100％运行，但从未尝试过高级的js。

由于