Modify Contact Form 7 Error Response Output

When submitting form, how to append all errors to default “wpcf7-response-output” class? It seems this method is not working. Any ideas?

wpcf7Form.addEventListener( 'wpcf7invalid', function( event ) {
var all_errors = $(".wpcf7-not-valid-tip").map(function() {return this.innerHTML;}).get();
    $.each(all_errors, function(key, value) {
          $('.wpcf7-response-output').append("<p>"+value+"</p>");
    });
}, false );