How do you override inline onclick event?

Question

This seems deceptively simple.

How do you override the onclick event in the following HTML using JavaScript?

Answer 1

Try this:

// Setting the DOM element's onclick to null removes 
// the inline click handler
$("#sample")[0].onclick = null;
$("#sample").click(function() { alert("done") });