la función la veo bien, lo más probable es que el evento click lo tengas dentro del form sobre un input type submit ó sobre un <button>enviar</button>, tenés que ponerlo sobre un <input type="button"> ú algún otro que no te genere submit
una prueba sencilla
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"> //<![CDATA[
$(document).ready(function(){
$('#boton').click(function(){
//$('#info_valida').html('<img src="images/loader.gif" alt="" width="10" height="10" />').fadeOut(1000);
var ced = $('#ced_encargado').val();
var dataString = 'doc='+ced;
//alert("Se va a enviar");
$.ajax({
type: "POST",
url: "valida.html",
data: dataString,
//alert("Bien hasta aqui con "+ced);
success: function(data) {
$('#info_valida').fadeIn(1000).html(data);
//alert("Se envio y creo recibio");
}
});
$('#enviar').show();
});
});
//]]>
<input type="text" value="" id="ced_encargado"> <input type="button" id="boton" value="envío desde input type button"> <input type="button" id="boton" value="envío desde input type submit">
valida.html
Saludos