JSFiddle - React, Tailwind, and code Playground

HTML

<p class="next_button">
    <a href="#" onclick="alert('clicked');return false;">foo</a>
</p>

<p class="different_button">
    <a href="#">bar</a>
</p>

JavaScript

jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery('.next_button a').trigger('click');
    
    jQuery('.different_button a').click(function() {
        alert('clicked 2'); 
    });
    
    jQuery('.different_button a').trigger('click');
});