Event handler in a loop

HTML

<button>1st button</button>
<button>2nd button</button>
<button>3rd button</button>
<br/>
<span></span>

JavaScript

$('button').click(function() {
        $('span').append(($(this).index() + 1) + ' button was clicked <br/>');
    });