Automatic next page without next step button not working on the next steps

hello, its already working. I used below codes. Hope this can help others. Thanks

<span class=”hljs-title function_ invoke__”>add_action</span>( <span class=”hljs-string”>’wp_footer'</span>, <span class=”hljs-string”>’formi_next'</span>, 99 );
<span class=”hljs-function”><span class=”hljs-keyword”>function</span> <span class=”hljs-title”>formi_next</span>(<span class=”hljs-params”></span>) </span>{
<span class=”hljs-meta”>?></span>
<script>
(<span class=”hljs-function”><span class=”hljs-keyword”>function</span>(<span class=”hljs-params”>$</span>) </span>{
$(document).<span class=”hljs-title function_ invoke__”>ready</span>(function() {
<span class=”hljs-title function_ invoke__”>setTimeout</span>(function() {
$(<span class=”hljs-string”>’.forminator-custom-form'</span>).<span class=”hljs-title function_ invoke__”>trigger</span>(<span class=”hljs-string”>’after.load.forminator'</span>);
}, 100);

$(document).<span class=”hljs-title function_ invoke__”>on</span>(<span class=”hljs-string”>’after.load.forminator'</span>, function(e, form_id) {
<span class=”hljs-comment”>// Array of class names for each step</span>
let classNames = [<span class=”hljs-string”>’organization'</span>, <span class=”hljs-string”>’national'</span>, <span class=”hljs-string”>’members'</span>];

classNames.<span class=”hljs-title function_ invoke__”>forEach</span>(function(className) {
let clickable_elements = $(<span class=”hljs-string”>’.'</span> + className + <span class=”hljs-string”>’ input[type=”radio”]'</span>);

$(clickable_elements).<span class=”hljs-title function_ invoke__”>click</span>(function(){
<span class=”hljs-keyword”>if</span> (this.checked) {
$(<span class=”hljs-string”>’.forminator-button-next'</span>).<span class=”hljs-title function_ invoke__”>click</span>();
}
});
});
});
});
})(jQuery);
</script>
<span class=”hljs-meta”><?php</span>
}