title: Why use .on() for adding event instead of directly adding event?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://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>