title: Underscore template Uncaught ReferenceError variable is not defined
body: <p>I am trying to render a basic backbone view with an underscore template, but I keep getting the following error when attempting to render the template. </p>
  
  <p><strong>Uncaught ReferenceError: <em>amount</em> is not defined</strong></p>
  
  <p>here's the jsfiddle: <a href="http://jsfiddle.net/rkj6j36n/" rel="noreferrer">http://jsfiddle.net/rkj6j36n/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="msg-con"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>DumbViewObj = Backbone.View.extend({
      el: $('.msg-con'),
      initialize:function(){
          this.render();
      },
      render: function(){
          var template = _.template('I am &lt;%= amount %&gt; dumb',{amount:'200'});
          this.$el.append(template);
      },
  });
  var dumb = new DumbViewObj();
  </code></pre>
  
  <p>I'm sure the solution is something dead simple, but I can't figure it out</p>