title: js code is not working in an external file, but works file when placed in the same html page
body: <p>I have this code in the footer of my html page</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  // using jQuery
  $('video,audio').mediaelementplayer();
  &lt;/script&gt;
  </code></pre>
  
  <p>the above code is adding video player on the html page.</p>
  
  <p>Now I have created a separate js file in which I have already have some line of code which is creating owl sliders, tooltips, number counters etc. </p>
  
  <p>When I add the above code into that <code>separate js file</code> it does not work, instead when I keep it in the <code>footer of the html page</code> it works fine.</p>