Change input values from select list.
<p>I have two text input boxes that will need to be populated from the same selection list but each text box may have different values. What happens is that the code I have written allows you to click and change on value but when you try to do change the second value it changes both values rather than just the second value. I have looked at bind, text with no luck. </p>

<p>Input Boxes:
<code>&lt;input type="text" id="lensStyle" size="35" class="orderinput" tabindex="12"/&gt;
&lt;input type="text" id="lensStyleLeft" size="35" class="orderinput" tabindex="12"/&gt;</code></p>

<p>grabs the values in from:</p>

<pre><code>&lt;select class="longbox" size="14" id="lensStyleBox"&gt;&lt;/select&gt;
</code></pre>

<p>using this Jquery</p>

<pre><code>    $("#lensStyle").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyle").val($("#lensStyleBox").val());
        });

    });


    $("#lensStyleLeft").focus(function(){
        $("#lensStyleBox").click(function(){
            $("#lensStyleLeft").val($("#lensStyleBox").val());
        });
    });
</code></pre>
