title: Refresh only the values of a table with jQuery/Ajax without reloading the page
body: <p>I have been following various jQuery/Ajax threads on stackoverflow for refreshing tables without loading the entire page, however, it seems that this does not prevent the table from reloading itself. Is there any way to refresh only the table values, but keep the table from redrawing?</p>
  <p>Resources I have been looking at-</p>
  <p><a href="https://stackoverflow.com/questions/30254977/how-to-refresh-table-contents-in-div-using-jquery-ajax">How to refresh table contents in div using jquery/ajax</a></p>
  <p><a href="https://stackoverflow.com/questions/7819036/redraw-datatables-after-using-ajax-to-refresh-the-table-content">Redraw datatables after using ajax to refresh the table content?</a></p>
  <p>More or less, I have a <code>getTable.php</code> page that displays my table, and nothing else: no headers, footers, etc.</p>
  <p>PHP (getTable.php) - this is server side code (asp, html, etc..)</p>
  <pre><code>&lt;?php
      echo '&lt;table&gt;&lt;tr&gt;&lt;td&gt;TEST&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';
  ?&gt;
  </code></pre>
  <p>Then, in my JS, I refresh the table by using the load() method:</p>
  <p>HTML</p>
  <pre><code>&lt;div id=&quot;tableHolder&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>JS</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
      $(document).ready(function(){
        refreshTable();
      });
  
      function refreshTable(){
          $('#tableHolder').load('getTable.php', function(){
             setTimeout(refreshTable, 10000);
          });
      }
  &lt;/script&gt;
  </code></pre>
  <p>Every 10 seconds the entire table reloads. I understand it is because of the load, but how do I only update the values?</p>