javascript - CheckBox が jQuery オートコンプリートで機能しない

Question

jQuery のオートコンプリート プラグインを使用してチェックリストを作成しています。一連の問題がありましたが、ありがたいことに1つを除くすべての解決策が得られました。私の問題は、チェックボックスをクリックしても状態が保持されないことです。また、リスト項目がクリックされた場合はチェックボックスをオンにしたいです。

HTML:

<input type='text' id='inTestField' name ='inTestField' />
<input type='hidden' id='TestField' name ='TestField' />

JS:

var cache = {},lastXhr,selectedItems;
var autoComplete = jQuery( '#inTestField').autocomplete
({
    minLength: 1,
    source : function( request, response ) {
        var term = request.term;
        type:'post';
        // ajax request to server

    },
    delay: 800,
    autoSelect :true,
    open: 
        function( event, ui ){
        selectedItems = new Array();
    }
});
autoComplete.data('autocomplete').menu.options.selected = function(event, ui) { 
    var item = ui.item.data( 'item.autocomplete' ); 
    if(!(item.value == '')){
        selectedItems.push(item.value);
        selectedItems = selectedItems.filter(function(elem, pos, self) {
            return self.indexOf(elem) == pos;
        });
        document.getElementById('TestField').value = selectedItems;
        jQuery(this).val(selectedItems.length + 'items selected'); 
    }
    autoComplete.focus(); 
    return false;
};
autoComplete.data( "autocomplete" )._renderItem = function( ul, item ) {
    return jQuery( "<li></li>" )
    .data( 'item.autocomplete', item )
    .append( '<a><input type="checkbox" id="autoCheck_'+item.value+'"  />&nbsp;&nbsp;' + item.label + '</a>' )
    .appendTo( ul );
};

必要な変更を提案してください 事前に感謝します