JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
__$ = $.noConflict();
</script>
<div>
<input type="button" value="Click me" id="btn" />
</div>
<div>
<a href="#" id="link">Click me</a>
</div>
JavaScript
$(function(){
var link_counter = 0;
$('#link').on('click', function(){
$(this).html('Clicked: ' + (++link_counter));
});
__$('#link').click(); // This will not work
// Comment this out, and you'll see, that no click event is triggered
$('#link').click();
var btn_counter = 0;
$('#btn').on('click', function(){
$(this).val('Clicked: ' + (++btn_counter));
});
__$('#btn').click();
$('#btn').click();
});