Использование всплывающих подсказок Bootstrap с шаблоном Ember JS, сохранение привязок

Я использую всплывающие подсказки Bootstrap для отображения формы, привязанной к объекту Ember.

Я могу заставить форму отображаться просто отлично, но я не могу понять, как сохранить (двустороннюю) привязку.

Вот код, который я использую:

reservation.hbs

<div>
  <span>{{lastName}}</span>
  <span>{{firstName}}</span>
</div>

{{view App.ReservationFormView}}

reservationForm.hbs

<form class="reservation-form form-horizontal" role="form">
  <label>First Name</label>
  {{input type="text" value=firstName }}

  <label>Last Name</label>
  {{input type="text" value=lastName}}
</form>

reservationFormView.js

App.ReservationFormView = Em.View.extend({
    templateName: 'reservationForm',
    classNames: ['hidden'],
    didInsertElement: function() {
        this.$().closest(".gf-sticker").tooltip({
            title: return this.$().html(),
            html: true,
            placement: 'auto',
            trigger: 'click'
        });
    }
});

Я недостаточно хорошо знаю Ember, но чувствую, что привязка данных теряется, когда шаблон передается как html: this.$().html().

Есть ли способ обойти это?

Изменить: Вот скрипка: http://emberjs.jsbin.com/ESItUrOH/1/edit?html,css,js,output