jquery clear the validate error message on reset
<p>I have a JSP as follows:</p>

<pre><code>&lt;%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %&gt;
&lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt;
&lt;%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%&gt;
&lt;script src="${pageContext.request.contextPath}/jquery/jquery.js"&gt;&lt;/script&gt;
&lt;script src="${pageContext.request.contextPath}/jquery/jquery.validate.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="JavaScript"&gt;

jQuery(document).ready(function () {

//......


....///
$("#apiID").validate({
rules: {
    pinNbr: "required",
    TranDt: "required"
},
messages: {
    pinNbr:"Please enter a Pin number.",
    TranDt: "Please enter tran date."
    }
}); 

$("#resetId").click(function () {
var validator = $('#apiID');
validator.resetForm();
});
});

&lt;/script&gt;

&lt;form:form id="apiID" action="executeApi.do" commandName="apiForm"&gt;

//..

&lt;DIV class="label"&gt;Pin Number:&amp;nbsp;&lt;/DIV&gt;&lt;DIV class="nonLabel"&gt;&lt;form:input path="pinNbr" maxlength="50" size="40" /&gt;&lt;/DIV&gt;
&lt;DIV class="label"&gt;Todays Transaction:&amp;nbsp;&lt;/DIV&gt;&lt;DIV class="nonLabel"&gt;&lt;form:input path="TranDt" size="10" maxlength="10" /&gt;

..//

&lt;DIV class="btn-group"&gt;
        &lt;button id="submitId"  type="submit" class="default-button"&gt;Submit
        &lt;/button&gt;
        &lt;button id="resetId"  
            type="reset" class="default-button"&gt;Reset
        &lt;/button&gt;
    &lt;/DIV&gt;
&lt;/form:form&gt; 
</code></pre>

<p>When I do not enter values for pinNUmber and TranDt i get error message inline with the input field using validate(). Once the click reset I want the inline error messages to disappear. The resetForm() resets the values in all the input fields button but not the error message. button reset resets the path variables but not these error messages.</p>