tengo el siguiente problema:

debo hacer un autocompletado especial con jquery activado por char "@"

el problema es que si comienzo el cuadro de texto con @ funciona, pero si ingreso @ después de escribir algunos caracteres, no funciona.

cómo debe funcionar: -escribo un texto y quiero agregar a alguien de "utilizatoriJson", -para agregar a alguien de "utilizatoriJson", debo presionar la tecla @ y debe aparecer un menú desplegable de autocompletar, -después de seleccionar a alguien del menú desplegable o escribo una etiqueta completa del menú desplegable, debe poner espacio y dejarme continuar mi mensaje

Cómo puedo hacer esto ?

código que escribí:

var utilizatoriJson = <%=utilizatoriJson%>;

$( '#textarea_mesaj_colaborare').autocomplete({
    source: utilizatoriJson

})            .autocomplete( "instance" )._renderItem = function( ul, item ) {
    return $( "<li>" )
            .append( "<a>" + item.label + "</a>" )
            .appendTo( ul );
}
$( '#textarea_mesaj_colaborare').autocomplete("disable");


$('#textarea_mesaj_colaborare').keyup(function(){
    if ($('#textarea_mesaj_colaborare').val()[$('#textarea_mesaj_colaborare').val().length-1]==='@'){
        var inceput = $('#textarea_mesaj_colaborare').val().length;

        $( '#textarea_mesaj_colaborare').autocomplete("enable");
    }

});