title: Why my .animate() doesn't work after ajax?
body: <p>Good morning to everyone.</p>
  
  <p>first of all, sorry for my english. This is the problem that I have. I try to animate a ul list inside a div. But after an ajax call it stops working. I tried to use the <code>.live()</code> method it is already deprecated. I really don' know how solve this. This is the code that I'm using:</p>
  
  <pre><code>function comp_disposicion_contenidos (disposicion, area, seccion) {
  
  var newDisposicion = eval(disposicion),
      newArea = area,
      newSeccion = seccion,
      allDispContent;
  
  var appendDisp = function() {
  
      jQuery('.seccion').append("&lt;div id='comp_disposicion_contenidos_vacio'&gt;&lt;/div&gt;");
  
      var html = '&lt;ul&gt;';
      jQuery.each(newDisposicion, function(k,v){
          html += '&lt;li class="" title="'+v+'"&gt;'+v+'%&lt;/li&gt;';
      });
      html += '&lt;/ul&gt;';
  
      jQuery('.jumichica_agregado').each(function() {
  
          jQuery(this).append("&lt;div class='tabMenu'&gt;"+html+"&lt;/div&gt;");
  
      });
  }
  
  this.set_DispContentExists = function(allDispContent_) {
      //alert(allDispContent_);
      allDispContent = (allDispContent_);
      //alert(allDispContent);
  }
  
  var asignarTamano = function () {
  
  }
  
  this.setDispContent = function(id_agregado, valor){
      //this is the ajax call
      (new paginax()).cargar("libs/ejecutor.php",
          "comp_disposicion_contenidos_vacio", 
          "objeto=Comp_Disposicion_Contenidos&amp;parametros=" +
          "&amp;metodo=set_DispContent&amp;parametros_metodo=" + id_agregado + ',' + valor +
          "&amp;area=" + newArea +"&amp;seccion=" + newSeccion, "POST");
  }
  
  appendDisp();
  }
  
  
  jQuery(document).ready(function() {
  
  /*jQuery('.jumichica_agregado').hover(function() {
      console.log('entro');
          jQuery(this).addClass('jumichica_agregado_hover');
          jQuery(this).find("div.tabMenu").stop().animate({opacity: "show", top: "-35"}, "slow");
      }, function() {
      console.log('salio');
          jQuery(this).removeClass('jumichica_agregado_hover');
          jQuery(this).find("div.tabMenu").stop().animate({opacity: "hide", top: "-15"}, "fast")
      }
  );*/
  
  jQuery('.jumichica_agregado').on({
      mouseenter: function(e) {
          e.preventDefault();
          console.log('entro');
          jQuery(this).addClass('jumichica_agregado_hover');
          jQuery(this).find("div.tabMenu").stop().animate({opacity: "show", top: "-35"}, "slow");
      },
      mouseleave: function() {
          console.log('salio');
          jQuery(this).removeClass('jumichica_agregado_hover');
          jQuery(this).find("div.tabMenu").stop().animate({opacity: "hide", top: "-15"}, "fast")
      }
  });
  
  
  jQuery('.tabMenu').tabs();
  
  jQuery('.tabMenu ul li').click(function() {
      var parentWidth = jQuery(this).closest('.seccion').width();
      var width_ = jQuery(this).attr("title");
      var percent = parseInt(width_*parentWidth/100);
  
      var agregado = jQuery(this).closest('.jumichica_agregado');
      agregado.width(percent +'px');
  
      var id = agregado.attr('id');
      id = id.split('_').pop();
  
      //manejador_js_comp_disposicion_contenidos. this variable has been declared in another html
      manejador_js_comp_disposicion_contenidos.setDispContent(id, percent);
  })
  
  });
  </code></pre>
  
  <p>I appreciate all your help. Thanks a lot, by the way.</p>