title: jQuery Validate plugin with alert popup - still appears - the user can't choose correct value in select box
body: <p>I'm using following code:</p>
  
  <pre><code>$().ready(function() {
      $('#state_form').validate({
          rules: {
              state: "required"
          },
          messages: {
              state: 
              {
                  required: "The State is required!"
              }
          },          
          errorPlacement: function(error, element) {
              alert(error.html());
          }
      });
  });
  </code></pre>
  
  <p>but if the user submits the form then popup with error appears. This is correct. Then if the user clicks to the selectbox 'state' the popup with error still appears (is not possible choose correct value). The real example is available at <a href="http://www.janzitniak.info/temp/test.php" rel="nofollow noreferrer">janzitniak.info/temp/test.php</a></p>
  
  <p>This is not acceptable. How could I resolve this problem?</p>
  
  <p>The solution described at <a href="https://stackoverflow.com/questions/9647855/jquery-form-validation-with-alert-popup-alert-still-being-shown-with-a-valid-s">JQuery form validation with alert popup - alert still being shown with a valid submit</a> didn't help me, maybe I didn't understand that correctly.</p>