title: DataTables not working in .php file
body: <p>Hello I have the following table and I wish to turn it into a DataTable. </p>
  
  <pre><code>&lt;?php require 'bootstrap.php';?&gt;
    &lt;!doctype html&gt;
    &lt;html&gt;
  
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Service Centres&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"&gt;
      &lt;script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;h1 align="center"&gt;Service Centres&lt;/h1&gt;
      &lt;table border="1" align="center" id="service_table" class="display"&gt;
        &lt;tr&gt;
          &lt;th&gt;Centre Postcode&lt;/th&gt;
          &lt;th&gt;Centre Type&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;12345&lt;/td&gt;
          &lt;td&gt;Standard&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;12345&lt;/td&gt;
          &lt;td&gt;Standard&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;12345&lt;/td&gt;
          &lt;td&gt;Standard&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(
          function() {
            $('#service_table').DataTable();
          });
  
      &lt;/script&gt;
    &lt;/body&gt;
  
    &lt;/html&gt;
  </code></pre>
  
  <p>However for some reason this does not work. I notice my table change if I don't include the script part, but it does not have any sort/search features and just becomes as wide as the whole screen for some reason.</p>
  
  <p>Does anybody know how to fix this?</p>
  
  <p>Here it is on fiddle: <a href="https://jsfiddle.net/6pye363h/1/" rel="nofollow">https://jsfiddle.net/6pye363h/1/</a> </p>