Ember.js login animations

loginState.js

App.LoginState = Ember.State.extend({
  enter: function() {
    App.loginView = App.LoginView.create();
    App.loginView.appendTo('#content.container');
  },


  submit: function(a, params) {
    App.loginView.loggingIn();

    var data = params.get('data');
      email = data.email;
      password = data.password;
    App.usersAdapter.login(email, password);
  },

  userSigned: function(a, user) {},


  userFailed: function() {
    App.loginView.loginFailed();
  }

});

loginView.js

App.LoginView = Ember.View.extend({
  templateName: 'login',

  //Timer for button animation
  timer: null,
  loginButton: 'button#log-in',

  loggingIn: function() {
    this.timer = setTimeout("$(this.loginButton).button('loading')", 1000);
  },

  loginFailed: function() {
    var self = this;

    // clear loggingIn timer for loading status.
    clearTimeout(this.timer);
    
    // reset button status
    $(this.loginButton).button('reset');

    // setup tooltip for login button
    $(this.loginButton).tooltip({
      delay: { show: 500, hide: 100 },
      title: 'Please check your credentials',
      trigger: 'manual'
    });

    //show tooptip
    $(this.loginButton).tooltip('show');

    // after 3,5 sec close tooltip
    setTimeout(function() {
      $(self.loginButton).tooltip('hide');
    }, 3500);
  }
});