Problema al obtener valor de textbox

[albarete]

Tengo un form al que quiero que al darle a "mostrar datos" se active la funcion "enviar", que funciona perfectamente, el problema es que en vez del valor del campo, se muestra "NaN".

¿Como puedo hacer para que no salga NaN?

FUNCION:

Código javascript:

<script type="text/javascript">
function enviar()
{
    
    var nombre = document.forms[0].citizen-name.value;
 alert("datos:" + nombre)
 
}
</script>
 

FORM:

Código html:

<form action="" method="post">   
    
            <div class="fieldname">Nombre del ciudadano</div>
 
                <input type="text" tabindex="1" class="field" value="" id="citizen_name" name="citizen_name">
                <span id="error_for_citizen_name" style="display: none;" class="invalid-small"></span>
 
<span class="twin-small" style="float: left;" id="error_for_citizen_name_twin"></span> 
               <a onclick="enviar();" href="#" rel="nofollow" tabindex="4" class="smalldotted goleft">Mostrar datos</a>  
      </div>
        <div class="half">
            <div class="fieldname">Contraseña</div>
 
                <input type="password" tabindex="2" class="field" value="" id="citizen_password" name="citizen_password">
                <span id="error_for_citizen_password" style="display: none;" class="invalid-small"></span>
 
<span class="twin-small" style="float: left;" id="error_for_citizen_password_twin"></span>  
              <input type="checkbox" tabindex="5" class="check" value="1" id="remember" name="remember">&nbsp;
            <label for="remember">Recordarme</label>
        </div>
            <input  type="submit" tabindex="3" class="submit" value="Conectar" name="commit">            </form>
 

Gracias por adelantado.