Why use .on() for adding event instead of directly adding event?
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/8601482/jquery-on-vs-click-methods">jquery on vs click methods</a>  </p>
</blockquote>



<p>From API:</p>

<p>.on() : Attach an event handler function for one or more events to the selected elements.</p>

<p>Example code:</p>

<pre><code>$("#dataTable tbody tr").on("click", function(event){
    alert($(this).text());
});
</code></pre>

<p>We can just write something like: </p>

<pre><code>$("#dataTable tbody tr").click(function() {
        alert($this).text();
});
</code></pre>

<p>Why bother wrapping the event inside .on() ? </p>

<p>Thanks. </p>
