title: Whats the best way to structure my js application, when my views / controllers need to be in the same file
body: <p>I am Building a learning application where there are a bunch of different page types that a learner will go through and do activities. It will be a SCORM compliant learning object.</p>
  
  <p>This is the structure I have so far...</p>
  
  <pre><code>application/
    models/
      scorm.js
      sequence.js
      session.js
  
    pagetypes/
      multichoice.js
      truefalse.js
      basic.js
  
    utilities/
      jquery.js
      api.js
  </code></pre>
  
  <p>My pagetypes do the viewing and the controlling, should I seperate these out? The reason I have combined them is so when I build a new page type, I can just drop it into that folder and it will get recognised straight away by the code.</p>
  
  <p>What do you guys think? amidoinrite?</p>