data属性の値をコピーしたい

Question

###前提・実現したいこと
input要素にdata属性を設置して、同じdata属性を持つものには、
同じvalue値を付与するような処理をしたいのですがうまくいきませんでした。
3つあるテキストフィールドに、1つ値を入れたら、ほかの2つのフィールドにも値をコピーしたいです。

どなたかアドバイスお願いいたします。

###該当のソースコード

    <form action="" method="post">
      <input type="text" data-copy="name1">
      <input type="text" data-copy="name2">
      <input type="text" data-copy="company">
    </form>

###該当のソースコード

    <script>
        $(function(){
            $('[data-copy="name1"], [data-copy="name2"], [data-copy="company"]').on('blur',function(){
                var v = $(this).val();
                var t = $(this).attr('data-copy');
                $('[data-copy="'+ t +'"]').val(v);
            });
        });
    </script>

Answer 1

動くサンプル：https://jsfiddle.net/jssh4L72/

---

HTML部分に同じdata-copy属性を持つものを追加すれば動くようです。
また、blur で行っているため、一旦別のフォームを選択するなどする必要があります。input イベントで行えば入力した端から動きます。

動くサンプル：https://jsfiddle.net/jssh4L72/1/

Comments

[freedomman]

アドバイスありがとうございます。
HTML部分追加したら動きました。