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>

Respuestas a la pregunta(1)

Su respuesta a la pregunta