Chargelent d'un element avec $.ajax et code jquery

Bonjour à tous,


J'ai une div qui se rempli dynamiquement avec l'ajax dont voici le code

$("#javascript").click( function(){          
 $.ajax({   
 type:"GET",   
 url: "javascript.html",   
 success: function(retour) {   
  $("#contenu").html(retour);  
    
  //alert (retour);   
  }  
    
 });   
   return false;   
  });  

quand je clique sur l'id 'javascript", il m'affiche un element correspondant à cette div
il y a un lien dans cette div (dans #contenu) et normalement quand je clique sur ce lien, d'autre element s'affichent avec ce code qui ne fonctionne pas à cause de l'ajax

$(".encadre a").click( function(){  
 alert("bloup");  
 $(".bla").toggle();  
 return false;   
});   

donc .bla doit s'afficher en cliquant sur .encadre
mais il ne se passe rien comme s'il y avait une incompatibilité
firebug ne me dit rien du tout, aucune erreur
en fait, quand je clique sur le lien issu de la requete ajax, ça me supprime la div venant de cette requete et du coup je n'ai plus rien


le code entier :

$(document).ready(function () {   
   
    
    
   $("#javascript").click( function(){          
 $.ajax({   
 type:"GET",   
 url: "javascript.html",   
 success: function(retour) {   
  $("#contenu").html(retour);  
    
  //alert (retour);   
  }  
    
 });   
   return false;   
  });  
     
   $(".encadre a").click( function(){  
 alert("bloup");  
 $(".bla").toggle();  
 return false;   
});   
     
    });  

le bout de code html qui nous interesse :

<span class="onglet_menu"><a href="" id="javascript">Javascript</a></span>
 <div id="contenu"></div>

quelqu'un pourrait il m'aider?

merci ;)