title: How to use tagit with knockout
body: <p>i am using <a href="http://aehlke.github.com/tag-it/" rel="noreferrer">http://aehlke.github.com/tag-it/</a> in my code
  how to bind with viewmodel</p>
  
  <p>html </p>
  
  <pre><code>&lt;ul data-bind='jqueryui: "tagit",foreach: Tags' &gt;
              &lt;li class="tagit-choice ui-widget-content ui-state-default ui-corner-all" data-bind='with: $data'&gt;
                  &lt;span class="tagit-label" data-bind='text: $data'&gt;&lt;/span&gt;
                  &lt;a class="tagit-close"&gt;
                      &lt;span class="text-icon"&gt;&amp;times;&lt;/span&gt;
                      &lt;span class="ui-icon ui-icon-close"&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;input type="hidden" name="item[tags][]" data-bind='value: $data'  style="display: none;"&gt;
              &lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>Js code</p>
  
  <pre><code>function AppViewModel() {
  var self = this;
  
  function Tag(data) {
              this.Name = data;
          }
  
  self.Tags = ko.observableArray([
              new Tag('red'),
              new Tag('blue'),
              new Tag('green')
          ]);
   }
  
  // Activates knockout.js
  ko.applyBindings(new AppViewModel());
  </code></pre>
  
  <p>Thanks in advance for your assistance! </p>