title: Datatable not updating after AJAX response
body: <p>I am performing an ajax call but datatables are not updating after response. I have tried several functions. Note that i use jQuery version 2.2.4</p>
  
  <pre><code>$.ajax({
          type: 'POST',
          url: URL,
          data: parsed,
          dataType: "json",
          beforeSend: function() {}
  
      }).done(function(data) {
          let Content = '';
          $("#order-table-data").html(Content);
          $("#datatable").trigger("update");
          $("#datatable").ajax.reload(); //Cannot read property 'reload' of undefined
      })
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>   &lt;table id="datatable" class="table table-striped table-bordered"&gt;
       &lt;thead&gt;
       &lt;tr&gt;
                  &lt;th&gt;Product&lt;/th&gt;
                  &lt;th&gt;Stock&lt;/th&gt;
                  &lt;th&gt;Price&lt;/th&gt;
                  &lt;th&gt;Quantity&lt;/th&gt;
                  &lt;th&gt;Order&lt;/th&gt;
       &lt;/tr&gt;
       &lt;/thead&gt;
  
           &lt;tbody id="order-table-data"&gt;&lt;/tbody&gt;
       &lt;/table&gt;              
  </code></pre>