dataTable не загружает загрузчик php

Question

У меня есть страница index.php, на которой есть кнопка. При нажатии на кнопку я получаю ответ, который должен быть в модели с данными.

<script src="../../js/jquery-3.0.0.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/jquery.dataTables.min.js"></script>
<script src="../../js/validate.js"></script>
<script src="../../js/jquery-ui.min.js"></script>

<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/jquery-ui.min.css">

$(function() {
  $('#example').DataTable({});

  //button click for getting the response 
  $('.item').click(function() {
    $.ajax({
      type: 'post',
      url: path, //loaddata.php
      data: {},
      dataType: 'html',
      success: function(data) {
        //  This div will have the example table contents which should be dataTable
        $('.response_div').html(data); 
      }
    });
  }
});

Я получаю ответ без доступных эффектов dataTable. Я изменил порядок использования библиотеки jquery, файлов css, но без эффекта.

Библиотеки загружаются. В консоли также нет ошибок. пожалуйста, помогите мне