title: $(document).on('click', '#id', function() {}) vs $('#id').on('click', function(){})
body: <p>I was trying to find out what is the difference between</p>
  
  <pre><code>$(document).on('click', '#id', function(){});
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#id').on('click', function(){});
  </code></pre>
  
  <p>I've not been able to find any information on if there is any difference between the two, and if so what that difference may be.</p>
  
  <p>Can someone please explain if there is any difference at all?</p>