title: No messages on Jquery validation with Bootstrap
body: <p>I am using Dan Cochran's bootstrap jQuery validator, <a href="http://alittlecode.com/jquery-form-validation-with-styles-from-twitter-bootstrap/" rel="nofollow">http://alittlecode.com/jquery-form-validation-with-styles-from-twitter-bootstrap/</a> and I want to remove the messaging aspect but keep css classes for highlighting errors and sucesses for required fields.</p>
  
  <p>My code is as follows:</p>
  
  <pre><code> $(document).ready(function () {
      validator = $('#form1').validate({
      rules: {
          ctl00$ContentPlaceHolder1$forename: {
              required: true
          }
      },
      highlight: function (element) {
          $(element).closest('.control-group').removeClass('success').addClass('error');
      },
  
      errorPlacement: function (error, element) {
          return false;  //Suppress all messages
      },
      success: function (element) {
          element.addClass('valid').closest('.control-group').removeClass('error').addClass('success');
          //element.text('OK!').addClass('valid').closest('.control-group').removeClass('error').addClass('success');
      }
  });
  </code></pre>
  
  <p>The errorPlacement function works in that it removes the messaging and therefore the original span created contained text 'OK!' however the success function breaks in removing the error class and applying the success class.</p>
  
  <p>Any ideas would be appreciated </p>