jQuery edit-in-place strange behaviour
<p>I use <a href="http://www.arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html" rel="nofollow">http://www.arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html</a> edit-inplace plugin. </p>

<p>For a single editable element it works fine but I have many on my project. When I click on an element the following happens:</p>

<p><img src="http://i.stack.imgur.com/UhYQ3.png" alt="enter image description here"></p>

<p>The actuall text disappears. Instead an <code>&lt;input&gt;</code> element appears. Everything I do is</p>

<pre><code>$('th,td').editable();
</code></pre>

<p>But the table is loaded dynamically into the DOM so:</p>

<pre><code>$('#id').load('template.html', function() {
    $('th,td').editable();
});
</code></pre>

<p>Any idea what is wrong here? Do you have an idea how to solve this?</p>

<p><a href="http://jsfiddle.net/2gYw2/6/" rel="nofollow">http://jsfiddle.net/2gYw2/6/</a> (Not working) - Add the element and click to edit it then click on td or th to see the problem.</p>
