How to write easy to debug/maintain JavaScript Event Handlers
<p>Event Handler can be written in mainly two ways:</p>

<pre><code>&lt;input type="button" onclick="clickFunction()" /&gt;
</code></pre>

<p>or </p>

<pre><code> $('#btnID).click( function(){ .. });
</code></pre>

<p>Someone has to debug/maintain this code at a later stage. In the first case, we can do "inspect Element" and quickly find what is executed. In the second case, we have to find the right Document Loader code to find where it is assigned. </p>

<p>What is the recommended way?</p>
