.val() problem

.val() problem

I'm trying to set input values with jquery with this code.
Code: 
<a href="#ArtistUpdateBox" rel="facebox" onclick="$('#usingerID').val('{$Singers.id}'); $('#usingerName').val('{$Singers.name}'); $('#usingerGender').val('{$Singers.gender}');"><img src="{$url}images/edit.png" alt="Edit" /></a>
which should fill in the values of this code.
Code: 
<div id="ArtistUpdateBox" style="display:none;"> 
      <form id="updateSinger" name="updateSinger" method="post" action="./manage?artists"> 
            <input type="hidden" name="usingerID" id="usingerID" /> 
            <p>Name: 
            <input type="text" name="usingerName" id="usingerName" /> 
            <input type="text" name="usingerID" id="usingerID" /> </p> 
            <br /> 
            <p>Gender: 
            <select name="usingerGender" id="usingerGender">       
                  <option value="1">Male</option> 
                  <option value="2">Female</option>
            </select> 
            </p>
            <br /> 
            <p> 
            <input type="submit" name="update" value="Update" id="update" /> 
            <br /> 
            </p> 
      </form> 
</div>


















however, when I test it, only the usingerName is being set. usingerGender and usingerID aren't being set for some reason. Help is appreciated. Thanks.