[Jquery] Problema al pasar el signo "+" con Ajax

[TragedyCL]

Estimados,
Tengo un problema con mi codigo y es que cuando en un textbox alguien pone un signo "+" este se pierde al enviarlo con $.ajax.

Mi codigo es el siguiente:

Código Javascript:

<script type="text/javascript">
function envia()
{
var txt = $('#txt_nombre').val();
$.ajax({
    type        : "POST",
    url     : "query/form.ajax.php",
    data         : "texto="+txt;
    dataType  : "html",
 
    success : function(devuelve)
    {
                alert(devuelve);
         }
});
}
</script>
 

Código HTML:

<input type="text" id="txt_nombre" onchange="envia()">
 

El archivo que recibe es asi:

Código PHP:

<?
echo $texto;
?>
 

[TragedyCL]

Solucionado gracias a encodeURIComponent