title: jQuery - multiple $(document).ready ...?
body: <p>Question:</p>
  
  <p>If I link in two JavaScript files, both with <code>$(document).ready</code> functions, what happens? Does one overwrite the other? Or do both <code>$(document).ready</code> get called?</p>
  
  <p>For example,</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://.../jquery1.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://.../jquery2.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>jquery1.js :</p>
  
  <pre><code>$(document).ready(function(){
      $("#page-title").html("Document-ready was called!");
  });
  </code></pre>
  
  <p>jquery2.js:</p>
  
  <pre><code>$(document).ready(function(){
      $("#page-subtitle").html("Document-ready was called!");
  });
  </code></pre>
  
  <p><br>
  I'm sure it is best practice to simply combine both calls into a single <code>$(document).ready</code> but it's not quite possible in my situation.</p>