title: Why does Ember.js lose the valueBinding when I use bootstrap datepicker?
body: <p>I am noticing that in my application when I use the below code I am given a formatted date in my date picker widget but when I click search the console shows empty strings.  However if I remove the <code>didInsertElement</code> method I lose the datepicker popup but the databinding remains and the console shows the dates I typed in.</p>
  
  <p>In my handlebars template </p>
  
  <pre><code>{{view App.DateField valueBinding="controller.startDate" classNames="startDate"}}
  {{view App.DateField valueBinding="controller.endDate" classNames="endDate"}}
  &lt;button {{action "search" target='controller'}}&gt;Search&lt;/button&gt;
  </code></pre>
  
  <p>In my App</p>
  
  <pre><code>App.ApplicationController = Ember.ArrayController.extend({
    search: function() {
      console.log(this.get('startDate'));
      return console.log(this.get('endDate'));
    }
  });
  
  App.DateField = Ember.TextField.extend({
    didInsertElement: function() {
      return this.$().datepicker();
    }
  });
  </code></pre>
  
  <p>Any ideas why I lose the databinding when I set the <code>didInsertElement</code>?</p>
  
  <p>Versions:
  <a href="http://www.eyecon.ro/bootstrap-datepicker">bootstrap-datepicker</a>,</p>
  
  <pre><code>handlebars-1.0.0-rc.3
  ember-1.0.0-rc.3
  jQuery 1.9.1
  </code></pre>