无法将输入字段值复制到另一个？

Question

我正在尝试<input>使用jQuery 将一个表单字段值复制到另一个表单.简单吧？好吧,我必须做错事,因为我的代码不起作用.这是我得到的:

HTML:

<form id="form1">
  <input id='one' type='text' />
  <input id='two' type='text' />
</form>

<form id="form2">
  <input id='three' type='text' />
</form>

<input type='button' id="do" value="Copy" />

jQuery的:

$('#do').click(function() {
  $('#3').html($('#1').html().val());
});

我的总体目标是在输入后尽快3填充值1,我可以通过绑定它来做到这一点onBlur.

我究竟做错了什么？

编辑:更新的ID名称,因为我没有使用数字(但意识到你不能/不应该)使用HTML元素的数字.

Answer 1

这应该解决它:

$('#do').click(function() {
  $('#3').val($('#1').val());
});

要不断更新它:

$('#1').keyup(function() {
  $('#3').val($(this).val());
});

或者,当用户移开焦点时,您可以使用模糊更新:

$('#1').blur(function() {
  $('#3').val($(this).val());
});

我把这些全部放在一个jsfiddle上,这样你就可以玩最好的东西了.

http://jsfiddle.net/cefpp/5/