jQuery Validation - Error messages not disappearing after users entered corrected input
<p>Screen capture : 
<a href="http://cangicodo.com/project/pic.png" rel="nofollow">http://cangicodo.com/project/pic.png</a>;
<a href="http://cangicodo.com/project/pic1.png" rel="nofollow">http://cangicodo.com/project/pic1.png</a></p>

<p>HTML:</p>

<pre><code>&lt;form id="form1"&gt;
&lt;input type="text" id="date" name="date" placeholder="YYYY-MM-DD"&gt;
.......
&lt;/form&gt;
</code></pre>

<p>Script:</p>

<pre><code>$( "#date" ).datepicker();
$( "#date" ).datepicker("option", "dateFormat", "yy-mm-dd" );

$("#form1").validate({ 
    rules: {
        date: {required: true,},
    },
    messages: {
        date: {required: " 'Date' can't be blank.",},               
    },
})
</code></pre>

<p>I'm using the latest version of jquery validate plugin. It works fine with normal text input, radio, check box etc. Except the validation of datePicker text input and multiple selection input, error messages were not disappeared after user had entered corrected information. If I select again text box or select list they then disappear the message.I want to make it disappear as normal as others. Could you please give me some suggestions ?</p>
