title: jQuery how can I rebind this event after a ajax callback?
body: <p>I'm trying to create a text edit in place myself just by manipulating jQuery selectors. But, after the first ajax callback, the others callback for the same input text doesn't work anymore...</p>
  
  <pre><code>function editaVal(celDiv, id)
      {
          var novoConteudo = $("&lt;input type='text' id='novoCont" + id + "' value='" + $(celDiv).html() + "' /&gt;");
          $(celDiv).dblclick(function()
          {
              $(this).html(novoConteudo);
          });
  
          $(novoConteudo).blur(function()
          {
              $(novoConteudo).parents("tr").removeClass('trSelected');
              $.ajax({
                  type: 'POST',
                  url: '/SuperAdmin/SalvaValor/?busca=' + $(novoConteudo).val() + '&amp;codValor=' + id,
                  beforeSend: function()
                  {
                      $(celDiv).html($("#loading").show());
                  },
                  success: function()
                  {
                      $(celDiv).html($("#loading").hide());
                      $(celDiv).html(novoConteudo.val());
                  }
              });
          });
      }
  </code></pre>
  
  <p>My question is: how can i rebind this??? Rebind the blur event... When I blur the input text, nothing happens on the second ajax callback.</p>
  
  <p>thanks!!</p>