.keyup() no funciona

[xSkArx]

Hola a todos, estoy usando por primera vez JQuery, antes con javascript hacia algo asi

Código Javascript:

function foo(){
var txt= document.getElementById('idtextarea').value;
alert(txt);
}
 

Código HTML:

<textarea id="idtextarea" onkeyup="foo()"></textarea>
 

Y funcionaba, ahora con JQuery hago esto y no pasa nada

Código Javascript:

$(document).ready(function(){
$('#idtextarea').keyup(function(){
alert($(this).val());
});
});
 

Y no pasa nada, tambien intente asi

Código Javascript:

$(document).on('keyup','#idtextarea',function(){
alert($('#idtextarea').val());
})/
 

Y tampoco nada, como puedo hacerlo para que me funcione bien, o hay alguna otra forma?

EDIT: El problema fue la version de jquery que estaba usando, aunque ahora tengo otro problema, y es que el alert aparece al perder el foco, para que men entiendan un poco mejor, tengo una imagem generada con php, por GET le envio datos al script para que escriba algo en la imagen, y lo que quiero hacer es que a medida que se ingrese un texto al textarea se vaya cambiando el src de la imagen asi

Código Javascript:

$(document).ready(function(){
$('#textarea').keyup(function)){
var txt= encodeURIComponent($(this).val());
$'#imagen').attr('src','script.php?foo='+txt);
});
});