title: Fadeout validation error messages in WooCommerce checkout page
body: <p>When placing an order, WooCommerce does validate all required user fields inputs. If not, the checkout-errors messages appear like if  the first name is missing and so on. </p>
  
  <p>I want those error validation messages to fade out after a given time. </p>
  
  <p>So, I injected this jQuery code:</p>
  
  <pre><code>(function($) {
      var wooError = $('.woocommerce-error'); 
      wooError.delay(4000).fadeOut(160);
  })
  (jQuery);
  </code></pre>
  
  <p>As long the <code>.woocommerce-error</code> class is not within <code>form.checkout</code>, it works fine, like on login or register for example. But it does not work on checkout page. </p>
  
  <p>The class <code>.woocommerce-error</code> is correct <em>(it's there)</em>, but the fadeOut isn't triggered. </p>
  
  <p>So, I went on searching the web. Found an other approach, to wait for <code>checkout_error</code> checkout page event, like so:</p>
  
  <pre><code>$( document.body ).on( 'checkout_error', function(){
      var wooError = $('.woocommerce-error'); 
      wooError.delay(4000).fadeOut(160);
  })
  (jQuery);
  </code></pre>
  
  <p>But it doesn't work. </p>
  
  <p>Can someone tell me, why I can not trigger the <code>.woocommerce-error</code> class to fadeout as long it's inside the checkout form?</p>
  
  <p>How to trigger the fadeOut on checkout error validation messages?</p>