I had a first post " Failure with jQuery ajax call"
But my work of this day helps me to localize the origin of the problem.

I made a very, very small project with a simple form
one input field (in fact it is not used)
one image (clickable)
one button

1.             <input type="text" id="setNom" value="admin"/>
2.             <input type="image"  id="validNom1"
3.                 src="ok-16.png"    alt="valider" title="valider"' />
4.               <input type="button" id="validNom2" value="OK" />

 <validNom1> and <validNom2> are both calling the same javascript function containig a JQuery Ajax call.
Both find the function (Control with javascript debugger in firefox).
But the JQuery Ajax call result is
Can somebody help me to understand the problem ????


The whole javascript is there (and the whole project is in the zip attachement

1. function ResultatNom(){
2.     alert("Resultat correct");
3. }
4. function ControleUtilisateur(){
5.     var urls = $('#urlRacine').val();
6.      $.ajax({
7.         type: 'POST',
8.         url: 'ControleLogin.php',
9.         dataType: 'json',
10.         data: "champ=nom",
11.         success: ResultatNom,
12.         error: function () {
13.             window.alert('Erreur de transmission au serveur');
14.         }
15.     });
16. }
17. $(document).ready(function() {
18.     $('#validNom1').click(ControleUtilisateur);
19.     $('#validNom2').click(ControleUtilisateur);
20. });