[jQuery] [validate] submit button keeps adding "required field" to the older message

[exhaler]

hi,
i'm new to jquery, i'm currently using the validation plugin to
validate my forms.
here's my code
<script src="includes/jquery/jquery.validate.js" type="text/
javascript"></script>
<script src="includes/jquery/cmxforms.js" type="text/javascript"></
script>

<script type="text/javascript">
        $.validator.setDefaults({
                submitHandler: function() { alert("submitted!"); }
        });

        $().ready(function() {
                $("#addrest").validate({
                        rules: {
                                restname: "required"
                        },
                        messages: {
                                restname: "<br><font face=\"Arial\" 
style=\"font-size: 9pt\" color=
\"#96A26F\">Please enter your Restaurant Name</font>"
                        }
                });
        });

        $(document).ready(function() {
           $('#yes').click(function(){
             $('#tr').hide();
           });
           $('#no').click(function(){
             $('#tr').show();
           });
         });
</script>
<form method="post" action="add.php" id="addrest" class="cmxform">
<table border="0" width="100%" cellpadding="3" cellspacing="0"
id="Table6">
                        <tr>
                                <td valign="top" align="left" style="width: 
98px">
                                        <font color="#B9A49B" face="Arial" 
style="font-size: 8pt">
                                                <label 
for="restname">Restaurant Name</label>
                                        </font>
                                </td>

                                <td valign="top" align="left" style="width: 
204px">
                                        <input type="text" class="required" 
name="restname" id="restname"
size="35" style="font-size: 8pt; font-family: Arial; color: #56443D;
background-color:#E1D9D5">
                                </td>
                        </tr>
</table>
</form>
the above code is working and shows the "required field" but when i
press the submit button agian it adds another message under the old
one. also when i type in something the "required field" doesn't go it
stays.
this happens on opera and FF but not in IE7.
any ideas??
thx
also when i type in something the "required field" doesn't go it stays