title: BackboneJS delete item from a Model array
body: <p>I have this collection:</p>
  
  <pre><code>var items = new bb.Collections.QuotesCollection([
      {id: 1, name: "item 1", units: []},
      {id: 2, name: "item 2", units: []},
      {id: 3, name: "item 3", units: []}
  ]);
  </code></pre>
  
  <p>And then I output the array "units" like so:</p>
  
  <pre><code>if(this.model.get('units').length){
          $(this.el).append('&lt;strong&gt;Units&lt;/strong&gt;');
          $(this.el).append('&lt;ul&gt;');
          for(x in this.model.get('units')){
              $(this.el).append('&lt;li class="unit"&gt;' + this.model.get('units')[x] + '&lt;/li&gt;');
          }
          $(this.el).append('&lt;/ul&gt;');
      } 
  </code></pre>
  
  <p>The code above is only POC stuff, so no formal templating as yet. </p>
  
  <pre><code>events: {
      "keypress #addUnit" : "addUnit",
      "dblclick .unit" : "deleteUnit"
  },
  
  deleteUnit: function(){
      this.render(); // what do I put here!?
  }
  </code></pre>
  
  <p>What approach do I take to delete an item (the clicked one) from the "units" array?</p>