Estoy creando una página de formulario con Webflow que conecté con un formulario de "suscripción" de Mailchimp. Lo que me gustaría lograr es que cuando el usuario inserta la dirección de correo electrónico, si el formulario se envía correctamente, se muestra otra parte de la página (ocultando un div que inicialmente cubre toda la página). Para verificar si el formulario es exitoso, estoy buscando la visibilidad de un div en particular con la clase "mensaje de éxito-2" que obtiene "display: block;" cuando se envía el formulario, pero parece que mi javascript nunca puede apuntar a este div. este es el codigo que escribi

 $('.submit-btn').on('click',function(){ if (document.querySelector(".success-message-2").style.display == 'block'){ // form submitted successfully // do something } });

pero aparentemente, nunca puedo apuntar a esa clase. Entonces pensé que podría ser un problema de tiempo, así que escribí un ciclo que verifica cada 10 ms, pero nuevamente, nunca puedo ver ningún registro de mi consola dentro del if.

 function checkForm(){ if (document.querySelector(".success-message-2").style.display == 'block'){ // form submitted succsefully // do something } setTimeout("checkForm()",10); } checkForm();

¿Pueden ayudarme a entender lo que estoy haciendo mal? ¿Hay algún tipo de bloqueo desde entonces en los formularios de Mailchimp?