Как я могу изменить элемент списка после того, как я создал его с помощью jQuery?

Это мой список дел, которые я сделал. (Чтобы сделать мой код более читабельным, я попытался прокомментировать его. Надеюсь, это сработало.)

Если вы попробуете мою демонстрацию, вы можете добавить элементы li с помощью кнопки «Добавить». И у элементов li есть еще 2 кнопки. Я хочу создать кнопку изменения, чтобы пользователи могли изменять свои элементы списка. Я понятия не имею, что я могу сделать для этого с jQuery.

Вторая проблема заключается в том, что кнопки списка не работают идеально. Потому что, если я использую один раз кнопку удаления, она меняет кнопку «Готово», чтобы удалить элемент. Но если я не использую кнопку «Удалить», кнопка «Готово» работает хорошо. Я не знаю, почему, может быть, проблема в том же имени класса?

Вот моя демонстрация в JS Bin:https://jsbin.com/natiziqawa/edit?html,js,output

   $(document).ready(function(){
     $("#add").click(function(){

 // Created list elements and their's buttons
    var list_item =document.createElement("li");
      var remove_button=document.createElement("button");
      var done_button=document.createElement("button");
     


 // append the buttons some string to caption buttons
   

   $(remove_button).append("Delete");
   $(done_button).append("Done");


   


 
 // added class name the items to to distinguish them 

  $(list_item).addClass("item")
  $(remove_button).addClass("delete"); 
  $(done_button).addClass("done"); 
  



 // filled  the created items with the input values
 
 var list_text =$("#input").val();
 var time=$("#time").val();
 
 
 // filled the list item with their's  buttons and class names and input values

 $(list_item).append(time,"   :   ",list_text,done_button,remove_button); 

 // finally fill the ul with list items but first check out what is written in the input


 if (input.value= = ""){
   alert("Please enter an activity")
 
  }


  // If the input has some value  can go 

  else{
 $("ul").append(list_item);

 // after clicked, clear the input field
 $("#input").val("");
 
  


// list item's buttons


$(".done").click(function(){

  $(list_item).click(function(){
    $(this).css("color","white")
    $(this).css("text-decoration","line-through")
  }); 
});





$(".delete").click(function(){
    $(list_item).click(function(){
      $(this).remove()
    }); 
  });

}

  });// main function close
  
}); // document ready close