Spørgsmål omkring select der er hidden, som gøres synlig

Alm. javascript:

<select id="denusynlige" style="display:none">
  <option>En</option>
  <option>To</option>
</select>
<select>
  <option onclick="document.getElementById('denusynlige').style.display = 'none'">A</option>
 <option onclick="document.getElementById('denusynlige').style.display = 'block'">B</option>
</select>

jQuery:

<script type="text/javascript">
$(function(){
   $('#denmegetsynlige').change(function(){
     if($(this).val()==='A'){
        $('#denusynlige').hide();
     }else{
        $('#denusynlige').show();
   });
});
</script>
<select id="denusynlige" style="display:none">
  <option>En</option>
  <option>To</option>
</select>
<select id="denmegetsynlige">
  <option>A</option>
  <option>B</option>
</select>

Jeg kan desværre ikke helt få det til at virke på min hjemmeside. Den gør af en eller anden grund ikke den usynlige synlig, efter man har ændret noget.

Det er meningen at det skal bruges på en kontakt side.

Nogle som har et forslag til, hvordan man kan lave det ellers?

Ingen som kan hjælpe?