title: backbone.js this.el not fetched/selected on dynamically loaded views
body: <p>I am having a problem with dynamically loaded views not being able to attach to the <code>this.el</code> scope variable. </p>
  
  <p>To illustrate what I am trying to achieve:</p>
  
  <p><strong>HTML PAGE</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt; head stuff &lt;/head&gt;
      &lt;body&gt;
            &lt;div id="appWrap"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now if I had a view called View.PageSetUp that will add a couple of set up divs to #appWrap I get:</p>
  
  <p><strong>HTML PAGE - View.AppSetUp</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt; head stuff &lt;/head&gt;
      &lt;body&gt;
            &lt;div id="appWrap"&gt;
                  &lt;div id="nav"&gt;buttons…&lt;/div&gt;
                  &lt;div id="side"&gt;side stuff…&lt;/div&gt;
                  &lt;div id="content"&gt;&lt;/div&gt;
            &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My problems come when I want to add a specific view to the content stage because <code>this.el</code> will not see the dynamically loaded <code>$('#content')</code>. </p>
  
  <p>Trying to then reload the this.el in the initialize function turned out to be a BIG no no… it didn't like it.</p>
  
  <pre><code>this.el = $('#content'); // rubbish idea!
  </code></pre>
  
  <p>It feels like dynamically loaded templates and views must be viable in a javascript application, so how would I make this work?</p>
  
  <p>I guess one possibility is that when I am loading my scripts the el is set up then and there:</p>
  
  <pre><code>App.Views.Channel = Backbone.View.extend({
        ………………
  })
  </code></pre>
  
  <p>Should I be using a loader to make this work? If so, any recommendations? I have experience with required but would it be too much for something so simple?</p>
  
  <p>Thanks for your help!</p>