How to make a click shoot another click?

Question

I wonder if there’s a way to click on an element by clicking on another place, something like this:

jQuery

$("#button1").click(function(){
    $("#button2").click();
});

I tried that and it didn’t work.
Taking the example Ids as real; there are many events attached to the #button2 and I believe the most practical way to fire them when you click the #button1 that’s the way it is, because I can’t internally touch these events or link them to the #button1.

Answer 1

$("#button1").click(function(){
    $("#button2").trigger('click');
});

_{Source: http://www.theextremewebdesigns.com/blog/jquery-trigger-click-trigger-method-binded-to-click-event-example/}

Alternative using .on with delegation:

$("#divQueContemOsBotoes").on( "click", "#button1", function() {
    $("#button2").trigger('click');
});

Demonstration:

$("#button1").click(function(){
  $("#button2").trigger('click');
});

$("#button2").click(function(){
  $("#box").append('<p>Botao 2 clicado</p>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="box">
  <button id="button1">Botao 1</button>
  <button id="button2">Botao 2</button>
</div>