title: click function doesn't work for second click
body: <p>I have one problem with my code. I have created this <strong><a href="http://codepen.io/shadowman86/pen/vGKzPv" rel="nofollow">DEMO</a></strong> from codepen.io</p>
  
  <p>In this demo you can see there are two edit button. When you click first edit button then the edit textarea will be on there. The problem is here if you click the blue cancel button and click again first edit button it is not working. What is the problem here? Anyone can help me in this regard ?</p>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function() {
     $("body").on("click", ".editBtn", function(event) {
        event.target.disabled = true;
        var ID = $(this).attr("id");
        var currentMessage = $("#messageB" + ID + " .postInfo").html();
        var editMarkUp = '&lt;div class="edBtnS"&gt;&lt;div class="edSv"&gt;Save&lt;/div&gt;&lt;div class="cNeD" id="'+ ID +'"&gt;Cancel&lt;/div&gt;&lt;/div&gt;&lt;textarea rows="5" cols="80" id="txtmessage_' + ID + '"&gt;' + currentMessage + '&lt;/textarea&gt;';
        $("#messageB" + ID + " .postInfo").html(editMarkUp);
        var data = $('#txtmessage_' + ID).val();
         $('#txtmessage_' + ID).focus();
         $('#txtmessage_' + ID).val(data + ' ');
     });
     $("body").on("click", ".cNeD", function(event) {
        event.target.disabled = false;
          var ID = $(this).attr("id");
          var currentMessageText = $("#txtmessage_" + ID).html();
          $("#messageB" + ID + " .postInfo").html(currentMessageText);
      });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;div class="postAr" id="messageB1"&gt;
        &lt;div class="postInfo"&gt;
           fdasfads fasd fadsf adsf adsf adsf asd fasd f dfsa
        &lt;/div&gt;
        &lt;div class="editBtn" name="edit" id="1"&gt;Edit1&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="container"&gt;
     &lt;div class="postAr" id="messageB2"&gt;
        &lt;div class="postInfo"&gt;
           fdasfads fasd fadsf adsf adsf adsf asd fasd f dfsassss
        &lt;/div&gt;
        &lt;div class="editBtn" name="edit" id="2"&gt;Edit2&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>