Event handler in a loop

HTML

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

<span></span>

JavaScript

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