JQuery - multiple $(document).ready ...?
<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>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>
