Как добавить поля ввода формы в основное поле через jQuery?

Question

Я пытаюсь автозаполнять поле формы на основе других значений поля формы.

Например, если я запрашиваю три имени, я хочу, чтобы другое поле (#MyInput) заполнялось на основе этих трех имен.

name 1 <input type="type" value="" class="names" /><br /> 
name 2 <input type="type" value="" class="names" /><br /> 
name 3 <input type="type" value="" class="names" /><br /> 
list <input type="text" id="MyInput" /><br /> 

сценарий:

$('.names').keyup(function() { 
var myInput = $('#MyInput').val('')[0]; 

$('.names').val().each(function(){ 
myInput.value += this.value + ' '; 

}); 
}).keyup(); 

Fiddle: http://jsfiddle.net/SQcGq/21/

Answer 1

$('.names').val().each(function(){ 
myInput.value += this.value + ' '; 

}); 
}).keyup(); 

должен быть

$('.names').each(function(){ 
myInput.value += this.value + ' '; 

}); 
}).keyup(); 

http://jsfiddle.net/SQcGq/22/