Why my edit button works only once even I use $('[isEditButton="true"]').on()?
<p>Here is my code, and I has been really frustrating on identifying the problem.</p>

<p>I tried to use </p>

<pre><code>$('[isEditButton="true"]').on('click', function(){ codes })
or 
$('table tr td').on('click', '[isEditButton="true"]' , function(){ codes })
</code></pre>

<p>but both yield unexpected result, the edit button can only be clicked once.</p>

<p>I searched the Jquery doc and used the so-called <a href="http://api.jquery.com/on/" rel="nofollow">Delegated events</a>, however, still did not work, the edit button is clicked once, also the newly injected button cannot be automatically attached the click event.</p>

<p>My online code</p>

<p><a href="http://jsfiddle.net/dennisboys/mAjmU/2/" rel="nofollow">http://jsfiddle.net/dennisboys/mAjmU/2/</a></p>

<p>Anyone can give me some pointers on what is going on. I am really crazy on this problem. Thanks in advance for any kind helpers! Really need you guys!</p>
