JSFiddle - React, Tailwind, and code Playground

HTML

<a id="bar" href="http://stackoverflow.com" target="_blank">Don't click me!</a> 

<span id="foo">Click me!</span>

CSS

#foo {border:1px solid #000;border-radius:4px;cursor:pointer;margin-top:20px;display:table;padding:0 5px;background:#f1f1f1;}

JavaScript

jQuery(document).ready(function(){
    jQuery('#foo').on('click', function(){
         jQuery('#bar').simulateClick('click');
    });
});

jQuery.fn.simulateClick = function() {
    return this.each(function() {
        if('createEvent' in document) {
            var doc = this.ownerDocument,
                evt = doc.createEvent('MouseEvents');
            evt.initMouseEvent('click', true, true, doc.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
            this.dispatchEvent(evt);
        } else {
            this.click(); // IE
        }
    });
}