efficient mirroring of values with .on()
<p>I have two tables. I want to mirror the values from one table to another. The current implementation i have is this:</p>

<pre><code>   &lt;script type="text/javascript"&gt;  
        $("#textfield1, #textfield2, #textfield3, #select1").on("keyup keypress blur click change", function(event){        
            $("input[type='text']#copytextfield1").val( $("[type='text']#textfield1").val() );
            $("input[type='text']#copytextfield2").val( $("[type='text']#textfield2").val() );
            $("input[type='text']#copytextfield3").val( $("[type='text']#textfield3").val() );
            $("input[type='text']#copytextfield4").val( $("select#select1").val() );        
        });         
    &lt;/script&gt;
</code></pre>

<p>as you can see, the names are quite similar. the only difference is that the mirroring elements have 'copy'. can you suggest of ways to make this more efficient? maybe take advantage of the naming convetion? </p>
