Desaparecer el texto de un textarea al hacer click

[pablokru]

Hola a todos,

Tengo un form con un textarea para que el usuario haga preguntas. Mi intención es que al hacer click en submit, se capture el contenido del texto en la variable preg para trabajar con Ajax (hasta aca lo hice y funciona), y que el contenido del text área se borre (no se como hacerlo. Probe con jquery con la función val(), pero me borra la variable preg con el contenido de la pregunta.

Les agradezco desde ya la ayuda que puedan darme.

Código HTML:

<form action="javascript:ajax_preg()" method="GET">
   <textarea type="text" id="pregunta" cols="50" rows="2"></textarea><br/>
   <input type="submit" value="Enviar Pregunta" id="efecto_preg"/>
</form>
 

Código Javascript:

<script>
var xhr;
function ajax_preg(){
  var preg=document.getElementById('pregunta').value;
  var id_user= "<?php echo $user_id; ?>";
 
  xhr=getXHR();
  xhr.open("GET","ajax_pregunta.php?pregunta="+preg+"&id_user="+id_user);
    xhr.onreadystatechange=callback;
    xhr.send();
}
function callback(){
  if(xhr.readyState==4){
     if(xhr.status==200){
       document.getElementById("preg_callback").innerHTML=xhr.responseText;
        }
    }
}
</script>