[Слейп]

Есть 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);
        });
});