Foto con formulario

[aletutuca]

Hola, estoy haciendo un formulario de noticias donde entre otros datos como el titulo y la noticia se encuentra la foto de la noticia.

El sistema esta hecho con PHP, SQL y jquery. El problema lo tengo q cuando quiero subir la imagen el codigo de jquery q tengo q es el siguiente(resumido):

Código Javascript:

$('#client').live('submit',function(){
        var params={};
        params.action='saveClient';
        params.id=$('#id').val();
        params.titulo=$('#titulo').val();
        params.resumen=$('#resumen').val();
        params.foto=$('#foto').val();
        $.post('index.php',params,function(){
            $('#block').hide();
            $('#popupbox').hide();
            $('#content').load('index.php',{action:"refreshGrid"});
        })
        return false;
    })
 

y el formulario el siguiente(resumido):

Código HTML:

<h2><?php echo $view->label ?></h2>
<form name ="client" id="client" method="POST" enctype="multipart/form-data" action="index.php">
    <input type="hidden" name="id" id="id" value="<?php print $view->client->getId() ?>">
    <div>
        <label>Titulo</label>
        <input type="text" name="titulo" id="titulo" value = "<?php print $view->client->getTitulo() ?>">
    </div>
    <div>
        <label>Resumen</label>
        <textarea name="resumen" id="resumen"><?php print $view->client->getResumen() ?></textarea>
    </div>
     <div>
        <label>Foto</label>
         Archivo: <input name="foto" id="foto" type="file"> 
</div>
    
    <div class="buttonsBar">
        <input id="cancel" type="button" value ="Cancelar" />
        <input id="submit" type="submit" name="submit" value ="Guardar" />
    </div>
</form> 

Y al subir la imagen lo q sucede es q en ves de guardar el nombre del archivo como tal ej foto.jpg lo guarda de esta forma C:\\fakepath\\DSCF0084.JPG

seguramente debe haber algun codigo en jquery para q en vez de guardarme ese dato me guarde el nombre de la foto en si.
Ojala me puedan ayudar, muchas gracias!!