title: Can't display Backbone/Underscore template in Jade view
body: <p>I'm trying to link the template in my .jade view to my Backbone model, and it's just not displaying anything inside my template script.</p>
  
  <p><strong>My .jade view:</strong></p>
  
  <pre><code>extends ../layout
  block content
    .page
      script(type="text/template" id="createRecipeTemplate").
        &lt;div class="ingredients-pane"&gt;
          &lt;form id="ingredientForm"&gt;
            *[form]*
          &lt;/form&gt;
          *[etc.]*
        &lt;/div&gt;
  
    script(src='/js/myBackboneFile.js')
  </code></pre>
  
  <p><strong>myBackboneFile.js:</strong></p>
  
  <pre><code>var Recipe = Backbone.Model.extend({
      defaults: {*[defaults]*}
  });
  
  var Recipes = Backbone.Collection.extend({
      url: '/api/recipes'
  })
  
  var recipes = new Recipes();
  
  var RecipeView = Backbone.View.extend({
      model: new Recipe(),
      el: '.page',
      initialize: function() {
          this.template = _.template($('#createRecipeTemplate').html());
      },
      events: {
          *[events]*
      },
  
      *[functions for my events]*,
  
      render: function() {
          this.$el.html(this.template(this.model.toJSON()));
          return this;
      }
  });
  
  var RecipeView = new RecipeView();
  </code></pre>
  
  <p>Everything's linked up - if I type 'RecipeView' into the browser console, it gives me:</p>
  
  <pre><code>n {cid: "view2", $el: n.fn.init[1], el: div.page}
  </code></pre>
  
  <p>I've tried a few variations on the jade template syntax - putting pipes at the beginning of each line, using the dot after the script tag (as above), and just indenting normally (with the template in both standard HTML and Jade syntax each time), but no joy.</p>
  
  <p>Am I missing something obvious?</p>