title: how to add and remove jqueryui tab with knockout.js
body: <p>I got hint from <a href="http://jsfiddle.net/rniemeyer/NLGm8/" rel="nofollow">this sample codes</a></p>
  
  <p>Attached the codes here</p>
  
  <pre><code>&lt;button id='add'&gt;add&lt;/button&gt;
  
  &lt;div data-bind="template: 'tabsTmpl'"&gt;&lt;/div&gt;
  &lt;script id="tabsTmpl" type="text/html"&gt;
      &lt;div data-bind="jqTabs: { fx: { } }"&gt;
          &lt;ul&gt;
              {{each tabs}}
              &lt;li&gt;
                  &lt;a href="#tab-${id}"&gt;${id}&lt;/a&gt;
              &lt;/li&gt;
              {{/each}}
          &lt;/ul&gt;
          {{each tabs}}
          &lt;div id="tab-${id}" &gt;${id}&lt;/div&gt;
          {{/each}}
      &lt;/div&gt;
  &lt;/script&gt;
  &lt;script&gt;
          ko.bindingHandlers.jqTabs = {
              init: function (element, valueAccessor) {
                  var options = valueAccessor() || {};
                  $(element).tabs(options);
              }
          };
  
          function TabItem(id) {
              this.id = ko.observable(id);
          }
  
          var viewModel = {
              tabs: ko.observableArray([new TabItem(1), new TabItem(2), new TabItem(3)])
          };
  
  
          $(function () {
              ko.applyBindings(viewModel);
  
              $('#add').click(function () {
                  viewModel.tabs.push(new TabItem(viewModel.tabs().length + 1));
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>The author of above codes used jquery template engine, but I want to use knockout.js' native template engine, so I changed html codes as follow :</p>
  
  <pre><code>&lt;div&gt;
      &lt;div data-bind="jqTabs: { fx: { } }"&gt;
          &lt;ul data-bind="foreach: tabs"&gt;
              &lt;li&gt;
                  &lt;a data-bind="attr:{href:'#tab-' + id()}, text:id"&gt;&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;!-- ko foreach: tabs --&gt;
          &lt;div data-bind="attr:{id:'tab-'+id()}, text:id"&gt;&lt;/div&gt;
          &lt;!-- /ko --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But, it does not work.
  What I am doing wrong with native template engine?
  Thanks in advance.</p>