Formulario de envio para o bd com error?

Olá tava na net pesquisando o conteudo sobre o formularios sem refresh, achei um bem legal mais estou com um problema, e que ele faz tudo certo ele envia para o banco de dados sem refresh mais quando eu quero que ele retorne que ele digito quando foi escrito, tipo ele escreve na mensagem " FUI EU " quando ele clicar em enviar quero que retorne a mensagem " FUI EU " não to conseguindo.

INDEX.PHP

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js">

</script>
<script type="text/javascript" >
$(function() {
$(".submit").click(function() {
var name = $("#name").val();
var dataString = 'name='+ name ;
if(name=='')

{

$('.success').fadeOut(200).hide();
$('.error').fadeOut(200).show();
}

else
{
$.ajax({
type: "POST",
url: "join.php",
data: dataString,

success: function(){
$('span.success').html(text);
$('.error').fadeOut(200).hide();
}
});
}
return false;
});
});
</script>
<form method="post" name="form" enctype="multipart/form-data">
<ul><li>
<input id="name" name="name" type="text" />
</li></ul>
<div >
<input type="submit" value="Submit" class="submit"/>
<span class="error" style="display:none"> Please Enter Valid Data</span>
<span class="success">Enviado com sucesso!</span>
</div></form>

JOIN.PHP

<?php
if($_POST)

{

include("../conexao.php");
$pdo=conexao();
$name=$_POST['name'];
echo $name;
$sql = $pdo->prepare("INSERT INTO comentarios (comentario)VALUES('$name')");
$sql->execute();

}else {

echo "ERROR";
}

?>

Mais já tentei diversas formas e não consegui.