Manually trigger click event of another button

by bombo

HTML

<div>
    <button id="button1" onclick="myEvent()">Button #1</button>
    <button id="button2">Button #2</button>
</div>
<div>
    <label for="count1">Button #1 clicks: </label><input name="count1" id="count1" disabled="disabled" size="2" value="0"/><br />
    <label for="count2">Button #2 clicks: </label><input name="count2" id="count2" disabled="disabled" size="2" value="0"/>
</div>

JavaScript

$(document).ready(function () {
    $('#button2').live('click', function() {
        $('#button1').trigger('click');
        var $count = $('#count2');
        $count.val(parseInt($count.val()) + 1);
    });
});

function myEvent() {
    var $count = $('#count1');
    $count.val(parseInt($count.val()) + 1);
}