Question

I would like to fire .example once without the user clicking .example

$(document).on("click",".example",function() {
    // Do Stuff
}

FYI -This would happen when the document would load. How would I be able to do this?

Answer 1

Execute it on the document ready

HTML

<a id="foo" class="example" href="#" >foo link </a>

Script

$(function(){   

    //bind the event
    $('.example').bind('click', function() {
      alert("clicked");
    });

    //now call it on document ready
    $('.example').trigger('click');    


});

Here is the working sample : http://jsfiddle.net/7d5ug/16/