Прировнять атрибуты input type="text"

[Слейп]

Есть 2 инпута и кнопка

<input type="text" class="subscribe_input1" value="" size="20" maxlength="200" />

<input type="text" class="subscribe_input2" value="" size="20" maxlength="200" />

<div class="button_sub"> </div>

После набора текста в инпут с классом subscribe_input1 и нажатия кнопки button_sub, текст который набрали в subscribe_input1 должен появиться в инпуте subscribe_input2.

Вот что пробовал сделать

$(document).ready(function(){
    var atr = $('.subscribe_input1').val();
        $('.button_sub').click(function(){
             $(".subscribe_input2").val(atr);
        });
});

[Deff]

$(document).ready(function(){
        $('.button_sub').click(function(){
             $(".subscribe_input2").val($(".subscribe_input1").val());
        });
});

[рони]

Слейп,
2 строку поменяйте с 3

[Слейп]

$(document).ready(function(){
        $('.button_sub').click(function(){
             $(".subscribe_input2").val($(".subscribe_input1").val());
        });
});

спасибо Deff все работает!

[Deff]

Слейп, рони - прав, так нагляднее

$(document).ready(function(){
        $('.button_sub').click(function(){
             var atr = $('.subscribe_input1').val();
             $(".subscribe_input2").val(atr);
        });
});