title: jQuery DataTables sorting is not working
body: <p>Using jQuery 2.1.3 and DataTables 1.10.5, my table won't sort when I click on the up- and down-arrows above the columns. From what I can tell from the documentation, this is the simplest example, and should work. I can't seem to figure out why it isn't.</p>
  
  <p><strong>My HTML/JavaScript</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
  
          &lt;title&gt;Simple Example&lt;/title&gt;
  
          &lt;link rel="stylesheet" media="screen" href="/assets/css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" media="screen" href="/assets/css/bootstrap-theme.min.css"&gt;
          &lt;link rel="stylesheet" media="screen" href="/assets/css/jquery.dataTables.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table id="table-guid" class="display compact" cellspacing="0" width="100%"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Column-1&lt;/th&gt;
                      &lt;th&gt;Column-2&lt;/th&gt;
                      &lt;th&gt;Column-3&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
  
              &lt;tfoot&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Column-1&lt;/th&gt;
                      &lt;th&gt;Column-2&lt;/th&gt;
                      &lt;th&gt;Column-3&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/tfoot&gt;
              &lt;tbody&gt;
                  &lt;tr id="A"&gt;
                      &lt;td&gt;A-1&lt;/td&gt;
                      &lt;td&gt;A-2&lt;/td&gt;
                      &lt;td&gt;A-3&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr id="B"&gt;
                      &lt;td&gt;B-1&lt;/td&gt;
                      &lt;td&gt;B-2&lt;/td&gt;
                      &lt;td&gt;B-3&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr id="C"&gt;
                      &lt;td&gt;C-1&lt;/td&gt;
                      &lt;td&gt;C-2&lt;/td&gt;
                      &lt;td&gt;C-3&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
  
          &lt;script src="/assets/js/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
          &lt;script src="/assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;script src="/assets/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
          $(document).ready(function ()
          {
              var table = $('#table-guid').DataTable();
          });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>