JQuery - On Click Event Handler

Question

I have a button that I'm trying to attach an event handler to. I've tried two different ways but neither seems to work. Is there something missing?

//on ready
$( document ).ready(function() {

    //this triggers when page loads, why?
    //$("#button").on('click', alert("clicked"));   

    //this doesn't work, why?
    $("#button").on('click', function() {
        alert("clicked");
    });

});

Here's a JsFiddle link: http://jsfiddle.net/LrWvE/

Answer 1

.on () is added in jquery 1.7+. use .live() for jq libraries <1.7 or upgrade library to version 1.7+.

Demo using .on

Demo using .live