title: Bootstrap's tooltip not working with knockout bindings? (w fiddle)
body: <p>Fiddle: <a href="http://jsfiddle.net/LkqTU/9399/">http://jsfiddle.net/LkqTU/9399/</a></p>
  
  <p>Code: </p>
  
  <pre><code>var ViewModel = function (first, last) {
      var self = this;
      self.showIcon = ko.observable(false);
      self.triggerIcon = function () {
          self.showIcon(true);
      };
  };
  $('.card-delete-button').tooltip({
      'placement': 'top',
          'title': 'Text'
  });
  ko.applyBindings(new ViewModel("Planet", "Earth"));
  </code></pre>
  
  <p>For some reason the tooltip isn't showing up for the '.card-delete-button'.  I think it's because that DOM element isn't available until the triggerIcon function is hit.  But in application, I have to bind these tooltips to a lot of different elements and would prefer to do it once, in one place, instead of sticking the binding into the triggerIcon function.    how can this be achieved?</p>