title: Backbone View Event not firing difference
body: <p>I am a backbone newbie and I am trying to develop a Todo like App. </p>
  
  <p>I have a Main view which is a list view and it has subviews. - the subview content can be edited on double click and it would get saved when the enter key is pressed. - very similar to todo example given in backbone github code. </p>
  
  <pre><code>var SubView = Backbone.View.extend({
      tagName: "li",    
      events: {
          "dblclick"              : "show_edit_view",
          "blur .element"         : "close_edit_view",
          "keypress .element"     : "save_edit_view",
          "click button.remove"   : "remove_question"
      },
      initialize: function(){
          this.render();             
          this.listenTo(this.model, "change", this.render);
      },
      render: function(){        
          this.$el.html(_.template($("#sub_view_template").html(),this.model.toJSON()));
          return this;
      },
      show_edit_view: function() {
          this.$el.find("div.view").addClass("no_show");
          this.$el.find("input").removeClass("no_show");
      },
      close_edit_view: function(){
          this.$el.find("div.view").removeClass("no_show");
          this.$el.find("input").addClass("no_show");
      },
      save_edit_view: function(e){
          if (e.keyCode == 13) {            
              this.model.save({name: e.currentTarget.value});
              this.close_edit_view();
          }
      }
  }); 
  </code></pre>
  
  <p>And the template for this is </p>
  
  <pre><code>&lt;script id="sub_view_template" type="text/x-template"&gt;
     &lt;div class="view"&gt;&lt;%= name %&gt;&lt;/div&gt;
     &lt;input class="element no_show" value="&lt;%= name %&gt;" type="text" /&gt; &lt;button class="remove"&gt;Remove&lt;/button&gt;
  &lt;/script&gt;  
  </code></pre>
  
  <p>This one works fine, the model is updated in the view and the update post request is sent to the server. </p>
  
  <p>But, when I change the initialization and save_edit_view functions, only the first change event is fired and not the change events. </p>
  
  <pre><code>initialize: function(){
      this.render();             
      this.listenTo(this.model, "change", this.render);
      this.input = this.$("input.element");
  },
  save_edit_view: function(e){
      if (e.keyCode == 13) {            
          this.model.save({name: $(this.input).val()});
          this.close_edit_view();
      }
  }
  </code></pre>
  
  <p>I was wondering what could the problem be?</p>
  
  <p>Thanks for any help!!!</p>