title: How to update static property from subclass in Backbone
body: <p>My Backbone application has a parent class with a static property, along with two subclasses. I am attempting to modify the parent's static property from the child classes, but this does not seem to work. Here is some sample code:</p>
  
  <pre><code>var ParentView = Backbone.View.extend({}, {
    staticProperty: 1,
    getStaticProperty: function() {
      return this.staticProperty;
    },
    setStaticProperty: function(value) {
      this.staticProperty = value;
    }
  });
  
  console.log('ParentView.staticProperty: ' + ParentView.getStaticProperty());
  ParentView.setStaticProperty(2);
  
  var ChildView1 = ParentView.extend({
    initialize: function() {
      console.log('ChildView1.staticProperty: ' + ChildView1.getStaticProperty());
      ChildView1.setStaticProperty(3);  // THIS SEEMS TO DO NOTHING
    }
  });
  
  var ChildView2 = ParentView.extend({
    initialize: function() {
      console.log('ChildView2.staticProperty: ' + ChildView2.getStaticProperty());
    }
  });
  
  
  var testView1 = new ChildView1();
  var testView2 = new ChildView2();
  </code></pre>
  
  <p>Here is a jsfiddle: <a href="http://jsfiddle.net/2agTW/1/" rel="nofollow">http://jsfiddle.net/2agTW/1/</a></p>
  
  <p>I would expect the following output:</p>
  
  <pre><code>ParentView.staticProperty: 1
  ChildView1.staticProperty: 2
  ChildView2.staticProperty: 3
  </code></pre>
  
  <p>But instead, I get:</p>
  
  <pre><code>ParentView.staticProperty: 1
  ChildView1.staticProperty: 2
  ChildView2.staticProperty: 2  // I THINK THIS SHOULD BE 3
  </code></pre>
  
  <p>Any idea why?</p>