Autocompletar jquery varios valores

[Gothgauss]

Hola

Estoy haciendo un formulario en el que el <input type="text"> de los idiomas va con un autocompletar.

El problema está en que sólo me funciona para el primer valor, pero una vez rellenado este, si quiero añadir otro idioma, es decir, si una persona sabe inglés y alemán, me funciona al meter in, que directamente me sale inglés, pero al meter seguido la al de alemania, no me sale nada.

Este es mi código:

Código:

<script src="../js/jquery.js" type="text/javascript"></script>	
<script type="text/javascript" src="../js/jquery-ui.js"></script>
<script>
$(document).ready(function(){

	$(function() {
	var idiomas = ["Inglés", "Francés", 
	  "Alemán", "Italiano"];

	$("#idiomas").autocomplete({
	  source: idiomas
	});
});
});
</script>

<input type="idiomas" id="idiomas">

Gracias.

Por cierto, como hacen en hotmail para que cuando meten la dirección de correo y la autocompletas, esta quede como dentro de un div?

[Gothgauss]

Lo he solucionado con el siguietne código:

Código:

$(function() {

		var availableTags = [

			"Inglés",

			"Alemán",

			"Francés",

			"Italiano",

			

		];

		function split( val ) {

			return val.split( /,\s*/ );

		}

		function extractLast( term ) {

			return split( term ).pop();

		}



		$( "#idiomas" )

			

			.bind( "keydown", function( event ) {

				if ( event.keyCode === $.ui.keyCode.TAB &&

						$( this ).data( "autocomplete" ).menu.active ) {

					event.preventDefault();

				}

			})

			.autocomplete({

				minLength: 1,

				source: function( request, response ) {

					

					response( $.ui.autocomplete.filter(

						availableTags, extractLast( request.term ) ) );

				},

				focus: function() {

					

					return false;

				},

				select: function( event, ui ) {

					var terms = split( this.value );

					

					terms.pop();

					

					terms.push( ui.item.value );

					terms.push( "" );

					this.value = terms.join( ", " );

					return false;

				}

			});

	});