title: backbone model saving and callback issues
body: <p>I just start using Backbone. I have two questions to ask based on the code below. </p>
  
  <p>The first issue is after I fill out the form and click the button, the model object should be created with some default attributes. However, the console.log prints the model with the newest attribute from the form I fill out before I pass the model to the new view object. </p>
  
  <p>The second issue is I can successfully save the data to db, but my success call back function is not being called. could someone help me to answer these questions??</p>
  
  <pre><code>var form = document.forms[0];
  
  var RetailerModel = Backbone.Model.extend({
      urlRoot: ' retailer.php',
      defaults: {
          name: 'company-name',
          address: 'company-address',
          phone: 'company-phone',
          icon: 'http://localhost/icon.png'
      }
  });
  
  var RetailerCollection = Backbone.Collection.extend({
  
  });
  
  var RetailerView = Backbone.View.extend({
  
      className: 'retailer',
  
      template: _.template($('#retailer-template').html()),
  
      initialize: function() {
          //this.listenTo(this.model, 'change', this.render);
  
          var obj = {
              name: form.name.value,
              address: form.address.value,
              phone: form.phone.value
          };
  
          this.model.set(obj);
          //why the successful callback does not work????
          this.model.save(null, {success: function(model, response){console.log('successful');}});
      },
  
      render: function() {
          $('#retailer-list').append(this.$el.html(this.template(this.model.toJSON())));
  
          return this;
      }
  });
  
  var RetailerViews = Backbone.View.extend({
  
  });
  
  $('#submit').click(function(e){
      var retailer_model = new RetailerModel();
      console.log(retailer_model); // this prints out the new changed attributes instead of the default ones, why???
      var retailer_view = new RetailerView({model: retailer_model});
      form.reset();
  });
  </code></pre>