reset form not clearing validation error messages

reset form not clearing validation error messages

I'm using the form validation and it's working great. But the form reset button, although it clears the form fields, does not clear the errors.

My page header has this code so far:

    <script>
        $(document).ready(function(){
            $("#signup").validate({
                                 
                groups: {
                    birthdate: "birth_year birth_month_num birth_day_num"
                },
                errorPlacement: function(error, element) {
                if (element.attr("name") == "birth_year" || element.attr("name") == "birth_month_num" ||  element.attr("name") == "birth_day_num")
                    error.insertAfter("#birth_day_num");
                else
                    error.insertAfter(element);
                },
                debug:true
            });
        });                   
   
    </script>

I'm trying to understand how to implement the following in order for the reset button to do that:

var validator = $("#myform").validate();
validator.resetForm();


I'm not an experienced JS person but have a lot of other programming experience (vb, vba, mssql, delphi).