title: Can you define jquery's $(function(){...}) twice on a page?
body: <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>