Can you define jquery's $(function(){...}) twice on a page?
<p>I am working on a web page that pulls an external javascript file that has all of my functions in it. I'll call that file "functions.js".</p>

<p>functions.js has a jQuery has a <code>$(function(){...});</code> to do my operations when the page is ready. My question is, is it possible to also write another <code>$(function(){...}</code> on the body of the same page that calls functions.js, so that whatever I do in both of the domReady functions happens on the page? For example, if functions.js is:</p>

<pre><code>$(function(){
$('div').css('color','green');
}
</code></pre>

<p>and I put this code in  tags on the page which calls functions.js:</p>

<pre><code>$(function(){
$('div').css('background-color','red');
}
</code></pre>

<p>will the page end up making my divs have both green text AND red backgrounds, or will one override the other, or will neither work?</p>

<p>I hope this makes sense!</p>
