title: $(document).on("click") not working but $('selector').on("click") works why?
body: <p>I am working with <code>video.js</code> and <code>video.js</code> library is loading via script tag I want to track click function on list item and update player-menu.</p>
  
  <pre><code>$(".vjs-menu-item").on("click" ,function(){ alert('selector');});
  </code></pre>
  
  <p>but not working this one</p>
  
  <pre><code>$(document).on("click",".vjs-menu-item", function() {alert('document'); });
  </code></pre>
  
  <p>Hence <code>$(document)</code> method only works on these items which added on same page i.e </p>
  
  <pre><code>&lt;p id="vjs-menu-item"&gt; click me &lt;/p&gt;
  </code></pre>