JQuery не загружает всю таблицу

У меня есть веб-сайт с таблицей, где я хотел бы периодически обновлять данные.

У меня есть сценарий:

   <script src = "/js/jquery.min.js"></script>
   <script>
      $( document ).ready(function() {
       setTimeout( function results() {
         $('.results').load("results.php?RES=1");
         setTimeout(results, 120000);
       }, 0000);
    })
    </script>

Это запускается, когда страница готова, а затем каждые две минуты.

Ответ от results.php?RES=1 следующий:

        <th colspan='7'>DS1</th>
<tr>

        <td>1</td>
        <td>02:02:48</td>
        <td>(1) Name</td>
        <td>TEAM</td>
        <td>ger</td>
        <td></td>
        <td></td>
                    </tr><tr>
        <td>2</td>
        <td>00:47:49</td>
        <td>(99) Name</td>
        <td>TEAM</td>
        <td>EST</td>
        <td></td>
        <td></td>
                    </tr>

Вывод должен быть вставлен сюда:

<div class = "col col-md-5 px-5 pt-3" style = "background-color:white;"> 
        <div class = "row">
            <div class = "col-12">
                <h1 class = "py-3">RESULTS</h1>

<div class = "table-responsive">
<table class = "table table-sm table-striped" style = "table-layout: fixed;">
  <thead>
  <tr>
    <th width = "5%">Place</th>
    <th width = "10%">Time</th>
    <th width = "30%">Name</th>
    <th width = "15%">Team</th>
    <th width = "10%">Country</th>
    <th width = "20%" colspan = "2"></th>
  </tr>
  </thead>
  <tbody class = "list results" id = "results">
    ///***THE RESULTS SHOULD BE APPEAR HERE***///
                    </tbody>
</table>
</div>  

            </div>
        </div>
    </div>

Почему-то появляется только последняя строка таблицы. Почему?

Спасибо за помощь :)