trapping TAB key in ember component input-helper

gistfile1.js

<script type="text/x-handlebars" id="components/chat-input">
    {{input id="tiChatInput" action="chatInputEnter"}}
</script>

MyApp.ChatInputComponent = Ember.Component.extend({
	didInsertElement: function () {
		var self = this,
			ctx = this.$('input').keydown(function (event) {
				if (event.which === 9) {
					// [TAB]
					event.preventDefault();
					self.send('chatInputTab', ctx.val());
				}
			});
	},
	actions: {
		chatInputEnter: function (strInput) {
			console.log('pressed [ENTER] in chatinput', strInput);
		},
		chatInputTab: function (strInput) {
			console.log('pressed [TAB] in chatinput', strInput);
		},
});