Chargement image .load

Bonjour à tous,
je me tourne vers la communauté alsacréation pour vous demander un coup de pouce.

Un problème simple,
j'ai une page index dans laquelle les différentes pages de mon site sont appelées en ajax avec ce morceau de code :

$("a.ajax").click(function() {
	 //page=$(this).attr('href');
   $.ajax({
  type:"GET",
   url:$(this).attr("href"),
   success:function(html){
      afficher(html);
       },
    })
   return false;
	});
	
	function afficher(data){
	  $("#content").fadeOut(200,function(){
	  $("#content").fadeIn(200);
	  $("#content").empty();
	  $("#content").append(data);
	  })
}

});

Dans le contenu de mes pages il y a des photos, j'utilise une fonction .load pour charger ces dernières.

$("#image").load(function(){
if($("#image").load){
	$("#load").hide();
	$("#image").fadeIn(200);
}else{
	$("#image").hide;
	}
	return false;
});

<div>        
      <img id="image" src="images/image.png" style="display:none;">
      <img id="load" src="images/load.gif">
</div>

Ça marche bien, mais lorsque je quitte la page que j'ai chargé, puis que j'y reviens l'image ne se charge plus, seul le load.gif reste.
Comme si la fonction .load ne se lançait plus vu que l'image avait été chargé précédemment. J'aurai voulu savoir d'où ça pouvait venir.

Merci d'avance

Bonjour

Que veux-tu dire par "Lorsque je quitte la page" ?

Que fais-tu exactement ?

J'ai pas été super clair, mon problème est le chargement d'image.

Quand j'arrive sur ma page1 contenant mon #image et mon load.gif le chargement se fait bien,
le load.gif laisse place à mon #image un fois qu'elle est chargée.

Puis je navigue sur une autre page de mon site comme pourrai le faire normalement un utilisateur, et lorsque je reviens sur ma page1 mon #image ne se charge plus seul le load.gif reste.

Comme si la fonction .load ne se lançait plus vu que l'image avait été chargé précédemment.

J'espère que c'est clair