title: How to inherit a view in Ember.js
body: <p>I have a view in Ember.js that looks like:</p>
  
  <pre><code>MyApp.LoginView = Ember.View.extend({
    templateName: 'login',
    didInsertElement: function() {
      $("body").addClass("light-bg");
      $("footer").css("display", "none");
      $("input[name=email]").focus();
    },
    willDestroyElement: function() {
      $("body").removeClass("light-bg");
      $("footer").css("display", "block");
    }
  });
  </code></pre>
  
  <p>I need another view which is exactly the same, except it is called <code>ForgotPassword</code>, thus the only difference is the <code>templateName</code>.</p>
  
  <p>Is there a way in Ember.js, I can say <code>ForgotPassword</code> inherits <code>Login</code>, and then just set templateName to <code>forgotPassword</code>?</p>
  
  <p>Thanks.</p>