ajax로 삭제요청하기 질문

list.ejs

<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(e){
       var id = e.target.dataset.id;
       console.log('삭제');
       $.ajax({
          method : 'DELETE',
          url : '/delete',
          data : {_id : 3 }
       }).done((result) => {

       });
});
</script>

server.js

app.delete('/delete', (req, res) => {
    console.log(req.body);
    req.body._id = parseInt(req.body._id);
    db.collection('post').deleteOne(req.body, (err, result) =>{
       console.log('삭제완료');
    });
    res.send("삭제완료");
});

삭제버튼을 클릭했을때 아예 반응이없습니다. 코드는 그대로 쓴것같은데 왜그러는지 모르겠습니다.