title: Should I add content with jQuery or just show/hide it when needed?
body: <p>There are some elements on my page that I need to show/hide often. An example is spinner/loading icons and another are modal/dialog windows.</p>
  
  <p>I have read that anything triggered by jQuery should be added by jQuery. So this means I have to add/remove the spinner and dialog windows as and when they're needed. </p>
  
  <p>Another option I have seen on sites like Twitter, is to load all the content as part of the initial page and then show/hide it as and when needed. This means I'll have some 10+ modal/dialog windows and possibly another 10+ spinners in various locations around the page waiting to be shown or hidden.</p>
  
  <p>What would be a good approach to go for? I prefer the latter, but not if it means causing usability issues or a poor experience in loading times. But adding/removing DOM elements continuously might be resource intensive.</p>