Почему входные события не запускаются при использовании плагина Jquery mask с Backbone.js?

Question

Допустим, у меня есть следующий шаблон HTML:

<script type="text/template" id="template">
    <form>
        <div class="form-group">                                                          
            <input class="form-control" type="email" id="email" name="email">                                                        
        </div>
        <div class="form-group">                                                          
            <input class="form-control tel" type="text" id="phone" name="phone">                                                        
        </div>
        // rest of the ui
    </form>
</script>

<script>
    // Backbone View 
    SomeForm = Backbone.View.extend({
        template:$('#template').html(),
        events:{
            'input .tel':'telChanged'   
        },
        telChanged:function(e){
            var value = this.$('.tel').val();
            console.log('tel changed, value = ',value);
        },
        render:function(){
            this.$el.html(this.template());
            // some example that uses 
            this.$('.tel').mask('9-999-999-999');
            return this;
        }
    });

    var view = new SomeForm();
    $('#app').html(view.render().$el);


</script>

Теперь всякий раз, когда пользователь вводит .tel введите telChanged метод не срабатывает и ничего не выводится на консоль!

Может кто-нибудь сказать нам, что является причиной этого и спасибо заранее.