.click vs .on('click')

by Dmytro Tsiniavskyi

HTML

<p>
    <div class="buttons">
        <input type="button" class="alert" value="Alert" />
    </div>
</p>

<p>
    <input type="button" class="append" value="Append" />
</p>

JavaScript

var count = 0;

$(document).ready(function(){
    $('.alert').click(function(){
        count++;
        alert(count);
    });
    
    $('.append').click(function(){
        $('.buttons').append('<input type="button" class="alert" value="Alert" />');
    });
});