ajax - JQuery appended data is not available at POST request

Question

I am trying to append data from a list of data from database to a text-area. Data is being appended but it is not available at post request.

Can you please guide me why I am not getting data at my controller?

user interface

 <textarea id="summernote" name="description" rows="25">
         <ul>
            <li id="description"></li>
         </ul>
  </textarea>


 <script>
    $(document).ready(function() {

        $('.task_id').on("click", function(e) {          
          e.preventDefault();   
            debugger;           
            var task = $(this).text();            
            var task_id = $(this).attr("id"); 
            $('#'+ task_id).css("cursor", "not-allowed");
            $('#'+ task_id).css("color", "grey");            
            $('#'+ task_id).off('click');
            
            var task = $.trim(task);
            var task_li = "<li>"+task+"</li>";
            var description = $('#description').append(task_li);
        });
    });
    </script>

Answer 1

等待大神解答