Problemas para capturar valor

Boa tarde

Pessoal estou com um problema esquisito usando js + html (aquivo js separado do html), é o seguinte, tenho um formulário gerado automaticamente e nele vem um campo do tipo text, o usuário vai preencher esse campo e preciso capturar ele via js quando ele clicar no botão. Porém o que esta acontecendo é que o js não esta capturando o valor, me retorna em branco, vejam como fiz:

html:

<input type='text' id='dia_reserva' />

js:

fucntion teste()

{

var teste = document.getElementById("dia_reserva").value;

alert(teste);

}

ele exibe a caixa de dialogo vazia, tentei com jquery também e o resultado foi o mesmo, o usuário pode digitar qualquer coisa que sempre exibi vazio.

Se eu fizer dessa forma:

html:

<input type='text' id='dia_reserva' value='xxxx' />

js:

fucntion teste()

{

var teste = document.getElementById("dia_reserva").value;

alert(teste);

}

O usuário pode digitar qualquer coisa que o resultado vai ser "xxxx" ou seja ele só pega o valor do form que é gerado não pega nada que for digitado depois, nunca vi isso.
Alguém tem ideia do que pode ser?