title: JQuery Tags Input Plugin ASP.NET Not Working
body: <p>Im wanting to test this plugin out: <a href="http://xoxco.com/projects/code/tagsinput/" rel="nofollow">http://xoxco.com/projects/code/tagsinput/</a> using ASP.NET MVC 5. I've imported the CSS and JS files to correct places and put them in bundles but the code isn't working at all and makes no difference to my TextBoxFor&lt;> </p>
  
  <pre><code>@Html.JQueryUI().Tooltip(".tooltip-example-3").Track(true).Hide(Effect.Scale).Show(Effect.Scale)
  &lt;div class="form-group"&gt;
       &lt;div class="tooltip-example-3"&gt;
           @Html.LabelFor(model =&gt; model.Tags, new { @class = "control-label col-md-2" })
           &lt;div class="tags"&gt;
               &lt;div class="col-md-10"&gt;
                   @Html.TextBoxFor(model =&gt; model.Tags, new {id = "tags_1"})
                   @Html.ValidationMessageFor(model =&gt; model.Tags)
               &lt;/div&gt;
           &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've put this JavaScript at top of my page:</p>
  
  <p></p>
  
  <pre><code>function onAddTag(tag) {
      alert("Added a tag: " + tag);
  }
  function onRemoveTag(tag) {
      alert("Removed a tag: " + tag);
  }
  
  function onChangeTag(input, tag) {
      alert("Changed a tag: " + tag);
  }
  
  $(function () {
  
      $('#tags_1').tagsInput({ width: 'auto' });
      $('#tags_2').tagsInput({
          width: 'auto',
          onChange: function (elem, elem_tags) {
              var languages = ['php', 'ruby', 'javascript'];
              $('.tag', elem_tags).each(function () {
                  if ($(this).text().search(new RegExp('\\b(' + languages.join('|') + ')\\b')) &gt;= 0)
                      $(this).css('background-color', 'yellow');
              });
          }
      });
      $('#tags_3').tagsInput({
          width: 'auto',
  
          //autocomplete_url:'test/fake_plaintext_endpoint.html' //jquery.autocomplete (not jquery ui)
          autocomplete_url: 'test/fake_json_endpoint.html' // jquery ui autocomplete requires a json endpoint
      });
  
  
      // Uncomment this line to see the callback functions in action
      //          $('input.tags').tagsInput({onAddTag:onAddTag,onRemoveTag:onRemoveTag,onChange: onChangeTag});
  
      // Uncomment this line to see an input with no interface for adding new tags.
      //          $('input.tags').tagsInput({interactive:false});
  });
  </code></pre>
  
  <p></p>
  
  <p>Its not working at all. Any help would be great :)</p>