title: Add table rows with append() and edit it by using jEditable
body: <p>so i have table that content is loaded with json</p>
  
  <pre><code>$(document).ready(function () {
      $(".click").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
          indicator : "&lt;img src='img/indicator.gif'&gt;",
          tooltip   : "Click to edit...",
          style  : "inherit"
      });
  
      $.getJSON('../ajax/ajax_get_data.php', function(data) {
          $.each(data.split, function(i) {
              $('.wk_skile_table &gt; tbody:last').append('&lt;tr&gt;&lt;td class="click"&gt;'+i+'&lt;/b&gt;&lt;/td&gt;&lt;td&gt;'+this.row1+'&lt;/td&gt;&lt;td&gt;'+this.row2+'&lt;/td&gt;&lt;td&gt;'+this.split+'&lt;/td&gt;&lt;td&gt;'+this.orange_start+'&lt;/td&gt;&lt;td&gt;'+this.red_start+'&lt;/td&gt;&lt;td&gt;'+this.blinking+'&lt;/td&gt;');
  
              //or add dynamically 
              $("td").each(function() {
                  $(this).addClass("click");
              });
          });
  
          $.each(data.aux, function(i) {
              $('.wk_aux_table &gt; tbody:last').append('&lt;tr&gt;&lt;td&gt;'+i+'&lt;/td&gt;&lt;td&gt;'+this.row1+'&lt;/td&gt;&lt;td&gt;'+this.row2+'&lt;/td&gt;&lt;td&gt;'+this.orange_start+'&lt;/td&gt;&lt;td&gt;'+this.red_start+'&lt;/td&gt;&lt;td&gt;'+this.blinking+'&lt;/td&gt;');
          });
      });
  });
  </code></pre>
  
  <p>But it won't work when i use append() :\</p>
  
  <p>Do you have any ideas how to fix it?</p>
  
  <p><strong>Update</strong>
  Here is example <a href="http://jsfiddle.net/f33Fs/" rel="nofollow">http://jsfiddle.net/f33Fs/</a> </p>
  
  <p>the problem is that jeditable 'did not see' .click class. I changed the code to</p>
  
  <pre><code>$("th").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
      indicator : "&lt;img src='img/indicator.gif'&gt;",
      tooltip   : "Click to edit...",
      style  : "inherit"
  });
  </code></pre>
  
  <p>and works fine for html (it is written in the HTML file). But for td which is added to table by append() function</p>
  
  <pre><code>    $("td").editable("http://www.appelsiini.net/projects/jeditable/php/echo.php", {
          indicator : "&lt;img src='img/indicator.gif'&gt;",
          tooltip   : "Click to edit...",
          style  : "inherit"
      });
   does not work...
  </code></pre>