ajax가 안먹히는거 같습니다

새로고침시 ajax에 의해 id가 1인 data가 삭제되고 삭제완료 문구가 출력 되어야 하는데 list 페이지를 새로고침해도 app.list까지만 출력 되고 app.delete의 문구는 출력이 안되네요

<ul class="list-group">
        <% for (var i = 0; i < posts.length; i++){ %>
        <li class="list-group-item">
          <h4> 할일 제목 : <%= posts[i].할일 %> </h4>
          <p> 할일 마감날짜 : <%= posts[i].날짜 %> </p>
          <button class="delete" data-id="<%= posts[i]._id %>">삭제</button>
        </li>
        <% } %>
   </ul>
     
      <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
     
      <script>
        $('.delete').click(function(){
          $.ajax({
            method : 'DELETE',
            url : '/delete',
            data : { _id : 1 }
          }).done(function(결과){
            console.log("삭제완료")
          })
        });
      </script>

ejs에 문제가 있는걸까요?