title: Event binding in javascript with interchangeable interfaces
body: <p>I've got an application which has two interchangeable parts which require different markup and different code. By interchangeable, I mean the user can switch between the two interfaces on the fly. Currently my approach is such that when the user first loads the page, only the required markup and code is loaded. When an event signals that the interfaces need to be switched, I load the new markup via AJAX. </p>
  
  <p>My question relates to the binding of events. Currently, all my events are delegated and attached to elements upstream in the DOM which I know will always be there.</p>
  
  <p>Are there any consequences to this kind of event binding? Would I be better off binding/rebinding events on the fly?</p>