title: How to move document.ready to js file?
body: <p>I have done jquery code in an aspx page. Now I want to move the code to Report-Filter.js file. I tried to move and execute. But it doesn't work.</p>
  
  <p>This is my code;</p>
  
  <pre><code>&lt;link href="css/jquery-ui.css" rel="stylesheet" /&gt;
  &lt;script src="js/jquery-3.1.1.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="js/Report-Filter.js"&gt;&lt;/script&gt;      -------&gt; // code
  
  &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;link href="css/bootstrap.css" rel="stylesheet" /&gt;
  
  &lt;link href="css/ReportsSalesAll-style.css" rel="stylesheet" /&gt;
  &lt;link href="css/Accordian-Hide-Show.css" rel="stylesheet" /&gt;
  &lt;script src="js/Accordian-Hide-Show.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          // Moved code to Report-Filter.js file
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>But I didn't get the output. What I did wrong in my code.</p>