title: backbone js events binding
body: <p>i have been going through the backbone js official documentations, but i can't seem to find an answer for this, below is a snippet from their website</p>
  
  <pre><code>var DocumentRow = Backbone.View.extend({
  
     tagName: "li",
  
    className: "document-row",
  
    events: {
     "click .icon":          "open",
     "click .button.edit":   "openEditDialog",
     "click .button.delete": "destroy",
     "click .list1 .item1" : "open",
   },
  
    render: function() {
    ...
  }
  
  });
  </code></pre>
  
  <p>what i don't understand is the events: section
  so what is it saying?</p>
  
  <p>can someone explain the following in plain english or point out where in doc i can find </p>
  
  <pre><code>   "click .icon":          "open",
     "click .button.edit":   "openEditDialog",
     "click .button.delete": "destroy",
     "click .list1 .item1" : "open",
  </code></pre>
  
  <p>??</p>
  
  <p>thanks</p>