Question

I am using the latest and greatest jQuery.

I have a form with three text fields and three hidden fields. When you type in a text field, the value will be passed into the respective hidden field, which will later be accessed by other means.

FirstName value should be passed to FirstNameTemp
LastName value should be passed to LastNameTemp
Pseudonym value should be passed to PseudonymTemp

The following code is not working for me, though I swear it was working yesterday. I am using FireFox and Firebug. I can watch the value of FirstNameTemp change, which seems to work fine in the code, but nothing else works property.

Is there anything wrong with this? Am I missing something obvious?

<input type='hidden' value="" id="FirstNameTemp">
<input type='hidden' value="" id="LastNameTemp">
<input type='hidden' value="" id="PseudonymTemp">

<input type='text' value="" class="Search" id="FirstName"><br>
<input type='text' value="" class="Search" id="LastName"><br>
<input type='text' value="" class="Search" id="Pseudonym"><br>


<script type="text/javascript">
$(document).ready(function() {

$(".Search").keyup(function() {
    var FirstName = $("#FirstName").val();
    var LastName = $("#LastName").val();
    var Pseudonym = $("#Pseudonym").val();
    // COPY ENTITIES TO TEMP ENTITIES
    $("#FirstNameTemp").val(FirstName);
    $("#LastNameTemp").val(LastName);
    $("#PseudonymTemp").val(Pseudonym);
});

});

EDIT

I opened and closed my browser and rebooted my machine. Nothing worked. So, I downloaded Firefox and FireBug and reinstalled. It worked just fine.

Thanks to all of you for the help and good ideas. You guys ROCK!!!

Answer 1

Why not do it like this:

$(".Search").keyup(function() {

    $('#'+this.id+'Temp').val($(this).val());

});

Fiddle: http://jsfiddle.net/each/mtFt6/