title: Load external template with Underscore.js
body: <pre><code>//path = the location of the external file
  //scriptBlockId = the id of the external script block (&lt;script id="add-form-tempate" type="text/html-template"&gt;)
  //fillId = where you want to place the template when rendered
  var App = Backbone.View.extend({
  render: function (path, scriptBlockId, fillId) {
  
      $.ajax({
          async: false,
          dataType: 'html',
          method: 'GET',
          url: path,
          success: function (response) {
              //Not sure why we have to do this first, before we can select the script block?
              var section = $('#main').append(response);
  
              var templateString = $(section).find('#' + scriptBlockId).html();
              var compiledTemplate = _.template(templateString);
              var temp = compiledTemplate();
  
              $(fillId).html(temp);
          }
      });
  
  }
  });
  
  var app = new App();
  app.render(window.siteRoot + 'Scripts/_test1.tmpl.html', 'add-form-template', '#main');
  </code></pre>
  
  <p>This code works! Why we have to append first I do not know...</p>