Reset validation messages after close Bootstrap modal
<p>I have a modal with my inputs, I'm using <a href="https://jqueryvalidation.org/" rel="noreferrer">jQuery.Validate</a> to validate my form on submit, my problem is that when I close the modal and then I open the modal again the messages from validation still there, so my question is, how can I reset or hide those messages when I close the modal?</p>

<p>I tried with this but doesn't work</p>

<pre><code>$('#myModal').on('hidden.bs.modal', function () {
    window.alertas.reset();
 });
</code></pre>

<p>How can I solve this?</p>

<p><a href="http://codepen.io/anon/pen/VKAaAV" rel="noreferrer">Here is a sample</a> code to play with.</p>