title: Checkbox still unchecked after triggering the event
body: <p>I have the following views:</p>
  
  <pre><code>   window.DmnView = Backbone.View.extend({
          template: _.template($("#tmpl_dmnListItem").html()),
          events: {
              "click .getWhois": "showWhois",
              "click .getDomain": "toBasket"
          },
          initialize: function() {
              this.model.bind('change', this.render, this);
              this.model.bind('destroy', this.remove, this);
              this.bind('toBasket', dmnListApp.toBasket, this);
          },
          render: function() {
              return $(this.el)
                      .attr("class", this.model.get("free") ? "dmnItem green" : this.model.get("checked") ? "dmnItem red" : "dmnItem red loader")
                      .html(this.template(this.model.toJSON()));
          },
          remove: function() {
              $(this.el).remove();
          },
          showWhois: function() {
              showBoxes(this.model.get("info"));
              return false;
          },
          toBasket: function() {
              this.model.toBasket();
              this.trigger('toBasket');
          }
      });
  
      window.DmnListApp = Backbone.View.extend({
          el: $("#regWrap"),
          events: {
              "keypress #dmnName": "checkAll"
          },
          initialize: function() {
              this.input = this.$("#dmnName");
              this.list = this.$("#dmnList");
              this.basket = this.$("#dmnBasket");
              dmnList.bind('add', this.addOne, this);
              dmnList.bind('all', this.render, this);
          },
          render: function() {
  
          },
          addOne: function(dmnItem) {
              var view = new DmnView({model : dmnItem});
              this.list.append(view.render());
          },
          checkOne: function(name, zone, price, days) {
              dmnList.create({name: name, zone: zone, price: price, days: days});
          },
          checkAll: function(e) {
              var name = this.input.val();
              if (!name || e.keyCode != 13) return;
              if (name == "")
                  name = "yandex";
              dmnList.destroyAll();
              var zoneList = dmnList.domainsInfo.Name;
              var costList = dmnList.domainsInfo.CostOrder;
              var daysList = dmnList.domainsInfo.DaysToProlong;
              var parent = this;
              $.each(zoneList, function(key, zone) {
                  parent.checkOne(name, zone, costList[key], daysList[key]);
              });
              this.input.val("");
          },
          toBasket: function(){
              if (this.model.get("inBasket")){
                  dmnListApp.basket.append($(this.el));
              }else{
                  dmnListApp.list.append($(this.el));
              }
          }
      });
  </code></pre>
  
  <p>And I have the following template for DmnItem View:</p>
  
  <pre><code>&lt;script id="tmpl_dmnListItem" type="text/template"&gt;
      &lt;%= checked&amp;&amp;free ? "&lt;input type='checkbox' class='getDomain' /&gt;" : ""%&gt;&lt;%= name %&gt;.&lt;%= zone %&gt; &lt;%= (free || !checked ) ? (checked) ? '&lt;p class="fr"&gt;'+price+" руб./"+days+'&lt;/p&gt;' : "" : "&lt;a href='#' class='getWhois fr'&gt;WhoIs&lt;/a&gt;" %&gt;
   &lt;/script&gt;
  </code></pre>
  
  <p>DmnView listen for clicking on element with the "getDomain" class. This element is the checkbox. I click on this checkbox. And after calling toBasket() method in both Views I see still unchecked checkbox. Why it happened so?</p>