Action not firing in Emberjs component

I have WidgetListComponent. Here are it's template and code:

Publo.WidgetListComponent = Ember.Component.extend
  didInsertElement: ->
    conApp.initChat()

  choseCategory: ->
    alert 1

Template:

<div class="nano">
    <div class="nano-content">
      {{#each model as |widgetCategory|}}
        <div class="user" {{action 'choseCategory' on="click"}}>
          <a class="btn-floating mr-10 waves-effect waves-light btn-large green">
            <i class="material-icons">{{widgetCategory.icon}}</i>
          </a>
          <div class="name">{{widgetCategory.name_translated}}</div>
          <div class="online"><i class="green-text fa fa-circle"></i>
          </div>
        </div>
      {{/each}}
    </div>
  </div>

But when I click on .user nothing happens. didInsertElement triggers fine. Any ideas?