title: loops in underscore js template
body: <p>Ok guys so I have this array of key pair values which I'm using as my model:<Br></p>
  
  <pre><code>var acs = [{'label':'input box'},{'label':'text area'}];
  </code></pre>
  
  <p>the rest of the code goes as follows</p>
  
  <pre><code>var Action = Backbone.Model.extend({});
  var action = new Action(acs);
  var ActionView = Backbone.View.extend({
      tagName:"li",
      template: _.template($('#actions-template').html()),
      events:{
          "click":"makeInput"
      },
      render:function(){
          $(this.el).html(this.template(this.model.toJSON()));
          $(".hero-unit&gt;ul").append(this.el);
          return this;
      },
      makeInput:function(){
          alert("im in");
      }
  });
  var actionView = new ActionView({model:action});
  actionView.render();
  </code></pre>
  
  <p>The question is with regards to the view. How can I loop through the model I'm passing if this is the view I want to have<Br></p>
  
  <pre><code>&lt;script type="text/template" id="actions-template"&gt;
  &lt;% _.each(action, function(acs) { %&gt; 
      &lt;a class="btn"&gt;&lt;%= label %&gt;&lt;/a&gt;
  &lt;% }); %&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>There is something wrong with my view and the loop I believe. Any clues?
  Thanks!</p>