title: backbone.js - change or click events not firing
body: <p>I am getting started with backbone.js but it seems i am not able to get the first hand code correct. I looked up all the resources but cant figure out what is the problem. </p>
  
  <p>I was expecting changed event getting fired every time i change something in the input box and finally when i click the button, it should fire someAction function. There are no JavaScript errors but nothing happens. no change or click event getting fired.</p>
  
  <p>Can someone please tell me what am i missing here? </p>
  
  <p>Aspx Page:</p>
  
  <pre><code>    &lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" 
  Inherits="_Default" %&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;Untitled Page&lt;/title&gt;
  
      &lt;script src="jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="jquery-ui-1.8.18.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="underscore.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="Backbone.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $(function() {
  
              Person = Backbone.Model.extend({
              el: '#form1',
  
              events : {
                  "click #DoSomething": "someAction"
                  },
  
              initialize: function(){
                  //This will bind change event of input controls to below function
                  _.bindAll(this, "changed");
                  },
  
                  //This function will be fired whenever value in the input is changed
                  changed: function(evt) {
                      var target = $(evt.currentTarget),
                      data = {};
                      data[target.attr('name')] = target.attr('value');
                      this.model.set(data);
                      alert('Model Updated')
                  },
  
              //take some action on click of a button
              someAction: function(){
                  var fName = this.model.get('FirstName');
                  var lName = this.model.get('LastName');
                  alert("First Name" + fName + " Last Name " + lName);
                  return false;
            }
          });
      });
  
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div&gt;
          &lt;span&gt;First Name&lt;/span&gt;
          &lt;input type="text" name="FirstName" id="txtFirstName" value="Mark" /&gt;
          &lt;span&gt;Last Name&lt;/span&gt;&lt;input type="text" name="LastName" id="txtLastName" value="Waugh" /&gt;
          &lt;input type="button" id="DoSomething" value="Login Here" /&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>