title: $(document).ready() in a bundled script
body: <p>I've been doing a lot with web optimization recently, and I've come across an interesting problem. I was wondering if anyone might know of an existing solution.</p>
  
  <p>Say you have multiple, page specific external .js files, each with it's own page specific
  <code>$(document).ready()</code> function. Say the document ready function for page 1 applies a style to every <code>&lt;li&gt;</code> in the body, while the document ready in page 2 only styles <code>&lt;input type="button" /&gt;</code>s. Just a simple example.</p>
  
  <p>Now say you bundle these 2 scripts, along with all your library scripts, to reduce the number of http requests on page load. Now, both document ready's will fire, and the li's on page 2 will be formatted with the code meant only for page 1. </p>
  
  <p>My question is this - Is there a way through either jQuery or a third party library to assign a specific document ready to a specific page but still have them all bundled into one .js file?</p>