title: Add checkbox to auto complete -jQuery
body: <p>I am working on this code and I have used jQuery UI for autocomplete. Now I need some help in adding check-boxes to it so that i can do multiple selections and it reflect on my field with comma separation. I found a plugin exactly what I want to create but I don't want to use any plugin for [my work] <a href="http://www.igniteui.com/combo/selection-and-checkboxes" rel="nofollow">http://www.igniteui.com/combo/selection-and-checkboxes</a></p>
  
  <pre><code>&lt;script src="js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="js/jquery-ui.css"&gt;
  &lt;body&gt;
      &lt;input id="condition" type="text" placeholder="condition"&gt;
  &lt;/body&gt;
  &lt;script&gt;
      var availableTags = [
                 "ActionScript",
                 "AppleScript",
                 "Asp",
                 "BASIC",
                 "C",
                 "C++",
                 "Clojure",
                 "COBOL",
                 "ColdFusion",
                 "Erlang",
                 "Fortran",
                 "Groovy",
                 "Haskell",
                 "Java",
                 "JavaScript",
                 "Lisp",
                 "Perl",
                 "PHP",
                 "Python",
                 "Ruby",
                 "Scala",
                 "Scheme"
      ];
  
      $(document).ready(function () {
          $('#condition').autocomplete({
              source: availableTags,
              minLength: 0
          }).focus(function () {
              try {
                  $(this).autocomplete("search");
              }
              catch (e) {
  
              }
          });
      });
  &lt;/script&gt;
  </code></pre>