Formulario em DIV JQUERY

[Dargo]

O projeto é todo em css e jquery, os links levam para uma <div>, pois ai tudo funciona, mas...

há um formulário, ele carrega na div, mas quando clico no botão ele abre outra página, e não na div,

(Usando o plugin ajax.form), se fizer o formulario normal, ou seja sem o jquery, ele não submita e volta para a página inicial do site??

segue os scripts:

função usada para os link's:
<script type="text/javascript">
$(document).ready(function(){
$("#centro").ajaxStart(function(){
}); 
$('a').livequery('click',function(){
$("#centro").load(this.href).fadeIn(); 
return false;
});
});
</script>

o formulario

<form action="ouvidoria.php" method="post" name="form1" id="ouvidoria" >
aqui os elementos do form
</form>

arquivo de resposta:

if (@mail("email@servidor.com", $assunto, $msg, $headers)) {
echo "1";
} else {
echo "0";
} else {
die();
} ?>

script que faz o serviço:

jQuery(function($){

// adiciona a função ao evento onclick do botão
$("#bt_enviar").click(
function (){

// recupera do form os valores dos campos
var destino = $("#nome").val();
var mensagem = $("#mensagem").val();
var mensagem = $("#fone").val();
var mensagem = $("#cidade").val();
var mensagem = $("#email").val();
var mensagem = $("#assunto").val();
var mensagem = $("#conteudo").val();

// inicia o metodo .ajax
$.ajax(
{
// Tipo de envio dos dados
// pode ser GET ou POST
type: "POST",
// especifica a pagina para onde
// serão enviados os dados
url: "envia_ouvidoria.php",
/*
define o formato de retorno.
foi escolhido html para o exemplo,
mas pode ser tambem
: json
: xml
: script
*/
dataType: "html",
/*
envia as variaveis por parametro para o arquivo
*/
data: "controle=1&destino="+destino+"&mensagem="+mensagem ,
/*
define a função que será executada
quando a requisição obtiver sucesso.
A variavel msg é o resgate dos dados.
*/
success: function(msg){
// limpa o span para nova entrada
$("#loading_ajax").html("");
if(msg == 1){
// define a cor da fonte para o span
$("#loading_ajax").css({ color: "green" });
// escreve o html dentro do span
$("#loading_ajax").html("Mensagem enviada com sucesso!");
} else {
// define a cor da fonte para o span
$("#loading_ajax").css({ color: "red" });
// escreve o html dentro do span
$("#loading_ajax").html("Houve um erro ao enviar a mensagem.");
}
},
/*
define as ações que serão executadas 
antes de iniciar a requisição
*/
beforeSend: function(){
// define a cor da fonte para o span
$("#loading_ajax").css({ color: "black" });
// escreve o html dentro do span
$("#loading_ajax").html("Enviando mensagem ...");
}
}
)

}
);

});[/codebox]

Editado Fevereiro 22, 2008 por fercosmig
Utilize tags de código, facilitam a visualização.

[Allan Rodrigo]

O projeto é todo em css e jquery[...]

Olá Dargo, pelo que eu vi, têm uns php's no código também né. Qual o objetivo do script?

Seria um form com envio de email através de uma requisição ajax com jquery?

Se puder descrever melhor, ou postar mais código como no form você colocou apenas: "aqui os elementos do form"...

flowwwww

abraços!