HTMLElement.click behaviour

index.html

<a id='clickMe' href='#'>Click me</a>​

output.txt

$a.click();
  1st jquery handler
  2nd jquery handler
  inline handler
$a.trigger('click');
  1st jquery handler
  2nd jquery handler
  inline handler
a.click();
  Native click was call
  inline handler
  1st jquery handler
  2nd jquery handler
user click...
  inline handler
  1st jquery handler
  2nd jquery handler 

script.js

var a = document.getElementById('clickMe'),
    $a = $(a),
    oldClick = HTMLElement.prototype.click;

HTMLElement.prototype.click = function(){
    console.log("  Native click was call");
    oldClick.apply(this);
}

a.onclick = function(){
  console.log("  inline handler")
};

$a.click(function(){
  console.log("  1st jquery handler");
}).click(function(){
  console.log("  2nd jquery handler");
});

console.log("$a.click();");
$a.click();

console.log("$a.trigger('click');");
$a.trigger('click');


console.log("a.click();");
a.click();

console.log("user click...");​