JSFiddle - React, Tailwind, and code Playground

HTML

<a id="trigger1" href="#">trigger1</a>  
<a id="trigger2" href="#">trigger2</a>
<a id="open" href="http://google.com">open</a>

JavaScript

$('#trigger1').bind('click', function(){
  $('#open').html('to be fired'); /* works */
  $('#open').click();        
});

$('#trigger2').click(function(){
  $('#open').html('to be fired'); /* works */
  $('#open').click();
});