จะสร้างปุ่มเพื่อเพิ่ม li ในแต่ละ div ให้มันแยกกันยังไงคะ

var subjectnum = 1;

function listenOnAddQuestion() {
  $('.addq').off('click');
  $(".addq").click(function(){
         $(this).closest('ul').append(`<li id="qitem">คำถาม  <input type="text" name="mytext[]"> <a href="#" class="del"> Remove</a></li> `); 
        listenOnDeleteQuestion();
    });
}

function listenOnDeleteQuestion() {
  $('.del').off('click');
  $(".del").click(function(){
    	$(this).closest('li').remove();
      listenOnAddQuestion();
    });
}

$(document).ready(function(){
    
    $("#addsubj").click(function(){
        
        $("body").append(`<h4>หัวข้อ <input type="text" name="subject[]" id="subject[]">
        <ul>
        <li>คำถาม  <input type="text" name="" id="">  <button class="addq">Add question</button> </li>
        </ul>
        `);
        listenOnAddQuestion();
    });

    listenOnAddQuestion();
    
     
    

});