fallo en paso de variable

[viringas]

hola a todos, tengo un error de principiante pero no se muy bien cual es el motivo, vereis, intento enviar el valor de un input type text de html a traves de la funcion $.post de jquery, como solo tengo un valor en el formulario pues hago lo siguiente:


antes de nada os pongo my formulario:

Código HTML:

<form method="post" name="captchaform" id="captchaform" action="compruebaCaptcha.php">
<img src="captcha.php" id="captcha" /><br/>
<!-- CHANGE TEXT LINK -->
<a href="#" onclick="
    document.getElementById('captcha').src='captcha.php?'+Math.random();"id="change-image">No se lee? actualiza la palabra.</a><br/><br/>
 
<input type="text" name="captcha-form" id="captcha-form" class=":required" autocomplete="off" /><br/>
<input type="submit" value="confirmar"/>
 
</form>
 

ahora os muestro el codigo javascript que contiene la codificacion con jquery:

Código Javascript:

<script>
 
var captcha = $("#captcha-form").val();
 
 
$("#captchaform").submit(function(event){
    //alert("hola");
event.preventDefault();
    $.post("compruebaCaptcha.php", { valor: captcha }, function(data){
        //$("#respuestaCaptcha").html(data);
        });
 

el problema me lo esta linea: var captcha = $("#captcha-form").val();

q no me coge el valor del input type text,

probe poniendo tb: var captcha = $("#captcha-form").attr('value');

pero no me coge el valor

sigo el paso de variables y todo con frebug y manda la variable x post pero va vacia




gracias