title: Good structuring of JavaScript in a project?
body: <p>So, I'm fairly done with the JS in my website now. It involves jQuery (and as such a .ready init)
  The page has two parts, the upper is mainly Google Maps and the lower is input forms.</p>
  
  <p>All of this is currently in <em>one</em> .js, functions, inits, iterations, all of it.
  It's well structure and all that, everything is properly done.</p>
  
  <p>My question is however: What is a good structure?
  Should I be putting the upper half in one file and the lower in another?
  Or should I put all the needed initializations under the .ready() and place all functions in another file?
  Or should I keep everything in an ever growing file?</p>