Agregar casilla de verificación para autocompletar -jQuery
Estoy trabajando en este código y he usado jQuery UI para autocompletar. Ahora necesito ayuda para agregarle casillas de verificación para poder hacer varias selecciones y que se refleje en mi campo con separación por comas. Encontré un complemento exactamente lo que quiero crear, pero no quiero usar ningún complemento para [mi trabajo]http://www.igniteui.com/combo/selection-and-checkboxes
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<link rel="stylesheet" href="js/jquery-ui.css">
<body>
<input id="condition" type="text" placeholder="condition">
</body>
<script>
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) {
}
});
});
</script>