ajax 를 이용한 Record 삭제 부분이 동작하지 않아요.

크롬 콘솔에는 

Uncaught TypeError: $.ajax is not a function
at HTMLButtonElement.<anonymous> (list:79)
at HTMLButtonElement.dispatch (jquery-3.4.1.min.js:2)
at HTMLButtonElement.v.handle (jquery-3.4.1.min.js:2)

 코드는 이렇습니다만... 거의 4시간 코드만 보다가 문의 드립니다. 살리 주세요.. 

      <h4 class ="ml-2 my-3">서버에서 가져온 할일 리스트  </h4>
     
      <ul class="list-group">
        <% for (var i = 0; i < posts.length; i++){ %>
          <li class="list-group-item" >
            <p>할일 ID : <%= posts[i]._id %></p>
            <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){          
    $.ajax({          
      method: 'DELETE',          
      url:'/delete',          
      data: {_id:e.target.dataset.id}        

    }).done((result)=>{          
       console.log('성공!');          
       console.log(this);          
      $(this).parent('li').fadeOut();
    }).fail((xhr, textStatus, errorThrown)=>{
       console.log(xhr, textStatus, errorThrown);
    });      
})    
</script>