Tagit autocomplete not working on mouse click.

Tagit autocomplete not working on mouse click.

Hi All,

Is there anyone who have worked with tagit functionality?
I have few issues.
1- while using autocomplete , unable to create tag on mouse click.
2- how to add IDs that I am bringing from database.
3- how to get those ids at the time of remove tag?
4- Basically want to add and delete tags value on database using PHP.
5- The most unusual issue here is why I am using select: , after mouse click on suggested list, it don't convert that into tag, I have to do an extra enter (key) press to make that a tag.

My code
jQuery('#singleFieldTags').tagit({
                //availableTags: tagvalues,
                // This will make Tag-it submit a single form value, as a comma-delimited field.
                singleField: true,
                singleFieldNode: jQuery('#mySingleField'),
                allowSpaces: true,
                placeholderText: "Type your designation!",
                tagSource: function( request, response ) {
                    //console.log("1");
                    jQuery.ajax({
                        url: "/user/edit/getdesignationlist", 
                        data: { term:request.term },
                        dataType: "json",
                        success: function( data ) {
                            response( jQuery.map( data, function( item ) {
                                return {
                                    //label: item.value+" ("+ item.id +")",
                                    label: item.value,
                                    value: item.value,
                                       id:  item.id
                                }
                            }));
                        }
                    });
                }, 
autocomplete: {delay: 0, minLength: 1,
            select: function (event, ui) {
                console.log(singleFieldTags + "=" + ui.item.id);
                if( jQuery('#designation').val() != '')
                {                  
                jQuery('#designation').val(jQuery('#designation').val()+ "," +ui.item.id);
                }
                else
                {
                  jQuery('#designation').val(ui.item.id);
                }
            }          
 });


Need suggestions.
Thanks.