title: Backbone.js change view variable without reinitalizing
body: <p>I have a Backbone.js app that I am developing (first one so forgive me if this is a silly question). I have a header view (background and a title). I have a model which updates the title depending on the view/template rendered. I also listening for a change and re-rendering the view to display the new title. This works however the entire view is re-rendered (I know why it is rendering the entire view again) but wondering if there is a way to just update the title?</p>
  
  <p>Heading View:</p>
  
  <pre><code>var HeadingLabelView = Backbone.View.extend({
     el: '.heading-label-wrapper',
     initialize: function(){
        _.bindAll(this, "render");
        this.model.bind('change', this.render);
     },
     render: function() {
        var that = this;
        var template = _.template($("#heading-label-template").html(), that.model.toJSON());
        that.$el.html(template);
     }
  });
  </code></pre>
  
  <p>Login View:</p>
  
  <pre><code>var LoginView = Backbone.View.extend({
     el: '.page',
     render: function() {
        pageHeading.set({ name: "Log In" });
        var that = this;
        var template = _.template($("#login-template").html(), { });
        that.$el.html(template).trigger('create');
     }
  });
  </code></pre>