title: Can i use more than once $(document).ready() of jquery in a single html page?
body: <p>i have <strong>one</strong> html page named "text.html"</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/Photos.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/Animations.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Both Photos.js and Animations.js start with "$(document).ready()" like this</p>
  
  <pre><code>//Javascript File Photos.js
  $(document).ready(function() {
      //My code here ....
  });
  
  //Javascript File Animations.js
  $(document).ready(function() {
      //My code here ....
  });
  </code></pre>
  
  <p>Does it matter if i use <strong>multiple</strong> $(document).ready(function() { in a <strong>single</strong> html page??</p>
  
  <p>Thanks, in advance </p>