[jQuery] validate - error messages keep piling up

[Mark Livingstone]

Hi,

Since I moved to a new design I cannot figure out how to stop the
validate plug-in to append error messages and instead have it remove
the previous error message before creating another one.

here is what my HTML code looks like with multiple error messages:

<p>
<label for="email">
E-mail
</label>
  <input class="text-input medium-input input-notification error
png_bg" name="client[email]" id="email" value="{EMAIL}" size="25">
<span class="errorValidate" generated="true" htmlfor="email">
This field is mandatory
</span>
<span class="errorValidate" generated="true" htmlfor="email">
This field is mandatory
</span>
<span class="errorValidate" generated="true" htmlfor="email">
This field is mandatory
</span>
<span class="errorValidate" generated="true" htmlfor="email">
This field is mandatory
</span>
<span class="errorValidate" generated="true" htmlfor="email">
Please enter a valid e-mail address
</span>
</p>

CSS:

.errorValidate {
                                padding: 2px 0 2px 22px;
                                margin: 0 0 0 5px;
                                }

JS:

var validateForm = $("#clientUpdateForm").validate(
{
   errorClass: "errorValidate",
   /etc/...
}

Any ideas why it would do that?

Thanks in advance!