Gestione "&" commerciale

[ANTAGONIA]

funziona se creo un form semplice, inviando i dati attraverso l'action dello stesso senza richiamare una funzione:

<form id="formElem" action="InAccesso.php" name="formElem" method="post">
<input type="text"  id="cTitolo" name="cTitolo" value="" tabindex="1"/>
<input type="submit" value="Invia"/>
</form> 

Invece solitamente faccio cosi ed ho problemi, non invia la & e quindi nella pagina InAccesso.php visualizzo la parola troncata "son" invece che "son&bro".

<script>
function subInvia(id,tipo){
var Titolo = $("#cTitolo").val();
if(confirm(mex)){
$.ajax({
type: "POST",
url: "InAccesso.php",
data:
"id_accesso=" + id_accesso +
"&Titolo=" + Titolo +
"&Testo=" + Testo +
"&type=" + type ,
success: function(html)
{
$("#cercaFile").html(html);
alert("Invio dati avvenuto!!");
error: function()
{
alert("Chiamata fallita, si prega di riprovare...");
}
});
}
}
</script>
<form id="formElem" action="javascript:void(0)" name="formElem" method="post">
<input type="text"  id="cTitolo" name="cTitolo" value="" tabindex="1"/>
<input type="button" onclick="subInvia(2,1)" value="Invia"/>
</form> 

Qual'è potrebbe essere il problema?
Grazie.