auth.js

App.AuthController = Ember.Controller.extend({
	user: null,
	isAdmin: false,
	isGuest: true,
	actions: {
		login: function() {
			console.log('logging in');
			var self = this;
			var response = $.Deferred();
			$.ajax({
				url: '/api/users/login',
				type: 'POST',
				data: {
					username: this.get('username'),
					password: this.get('password')
				}
			}).done(function(data) {
				console.log(data);
				self.set('isGuest', false);
				self.transitionToRoute('index');
				response.resolve();
			}).fail(function(xhr, status, error) {
				console.log(xhr.responseText);
				response.reject();
			});
		},
	}
});

login.hbs

<div class="container">
	<form class="form-signin" {{action "login" on="submit"}}>
		<input type="text" class="form-control" placeholder="Email address" autofocus>
		<input type="password" class="form-control" placeholder="Password">
		<label class="checkbox">
			<input type="checkbox" value="remember-me"> 
			Remember me
		</label>
		<button class="btn btn-lg btn-primary btn-block" type="submit">
			Sign in
		</button>
	</form>
</div>

router.js

App.Router.map(function() {

	this.route('login');

});

App.LoginRoute = Ember.Route.extend({
	setupController: function(controller, model) {
		this.controllerFor('auth').set('model', model);
	}
})