title: Cannot get variables to interpolate in underscore.js template while jasmine.js testing
body: <p>EDIT: Forgot to remind the reader that I remembered to set templateSettings as follows:</p>
  
  <pre><code>_.templateSettings = {
      interpolate : /\{\{([\s\S]+?)\}\}/g
  };
  </code></pre>
  
  <p>I'm having a hard time getting a varialbe to interpolate in underscore, while running my Jasmine specs.  Given the template, rendering method, and jasmine test below, I am able to get the template to interpolate variables properly via:</p>
  
  <pre><code>_.template(
    boneHeaderInstance.template.html(), 
    { id:boneHeaderInstance.id,  
      columns:boneHeaderInstance.columns
    }
  )
  </code></pre>
  
  <p>While this fails to interpolate the columns variable:</p>
  
  <pre><code>boneHeader = Backbone.View.extend({
    el: $('#boneTableHeader'),
    template: $('#boneTableHeaderTemplate'),
    initialize: function(){
      this.id = 'boneTableHeader';
      this.el = $( '#' + this.id );
      this.columns = 'blah';
      this.template = $( '#' + this.id + 'Template' );
      this.render();
      return this;
    },
    render: function(){
      var that = this;
      var data = {id: that.id, columns: that.columns}
      this.el.html( _.template( this.template.html(), data ) );
    }
  });
  </code></pre>
  
  <p>Template: </p>
  
  <pre><code>&lt;script type = 'text/template' id = 'boneTableHeaderTemplate'&gt;
    &lt;tr id = "{{obj.id}}Row"&gt;
      {{obj.columns}}
    &lt;/tr&gt;
  &lt;/script&gt; 
  </code></pre>
  
  <p>In Render Method:</p>
  
  <pre><code>render: function(){
    var that = this;
    var data = {id: that.id, columns: that.columns}
    this.el.html( _.template( that.template.html(), data ) );
  }
  </code></pre>
  
  <p>Jasmine Test:</p>
  
  <pre><code>describe('boneHeader', function(){
    beforeEach(function(){
      boneHeaderInstance = boneTableInstance.header;
    }); 
    describe('rendering', function(){
      it('should have expected html', function(){
        expect( 
          boneHeaderInstance.el.html().replace(/\s\t\n/ , '', 'g') 
        ).toEqual( 
          _.template(boneHeaderInstance.template.html(), 
          { id:boneHeaderInstance.id,  
            columns:boneHeaderInstance.columns
          }).replace(/\s\t\n/ , '', 'g') 
        );
      }); 
    }); 
  });
  </code></pre>
  
  <p>Jasmine Result:</p>
  
  <pre><code>Expected ' &lt;tr id="boneTableHeaderRow"&gt;&lt;/tr&gt; ' to equal ' &lt;tr id = "boneTableHeaderRow"&gt; blah &lt;/tr&gt; '
  </code></pre>