title: What is different between $(document).on() and $(element).on()
body: <p>I know about jquery .on() use and purpose, because I use it. </p>
  
  <p>But I want to know what is the difference between <code>$(document).on()</code> vs <code>$(element).on()</code> in this script:</p>
  
  <pre><code>&lt;html&gt;
  ...
  &lt;body&gt;
  ...
    &lt;table id="table-user"&gt;
      &lt;thead&gt;...&lt;/thead&gt;
      &lt;tbody&gt;
        AJAX DYNAMIC CONTENT
      &lt;/tbody&gt;
    &lt;/table&gt;
  ....
  &lt;script&gt;
    $(document).on('click','.btn-edit',function(){
      go_edit();
    });
  
    $('#table-user').on('click','.btn-edit',function(){
      go_edit();
    });
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>is any performance different or something else between them?</p>