Insert an HTML table into sharepoint 2013 webpart script

I have a problem, I've created a simple webpart that perfoms basics CRUD OPERATIONS, I wanted to add an HTML table to format and display the results retrieved from the READ operation, here is the code for a better understanding:

 function retriveListItem() {
  execute(
    "items?$orderby=Nom&$select=Nom,Cognom,Indirizz",
    "GET",
    "GET",
    null,
    function (data, status, xhr) {
        $("#result").empty();
        var string = "<table><tr><th>Nome</th><th>Cognome</th><th>Indirizzo</th></tr>";
        $("#result").append(string);
        string = string = "";
      for (var i = 0; i < data.d.results.length; i++) {
          var item = data.d.results[i];
          string = "<tr><td>" + item.Nom + "</td><td>" + item.Cognom + "</td><td>" + item.Indirizz + "</td></tr>";
        $("#result").append(string);
      }
      string = "</table>";
     $("#result").append(string);
    },
    function (xhr, status, error) {
      $("#result").empty().text(error);
    });
}

But when the page is rendered in the browser if I hit the F12 key I discover that sharepoint automatically adds the tbody tag (which I haven't wrote) and it close the tag /table automatically in the wrong position here is the code rendered in the browser:

<div id="result">
  <table>
    <tbody>
      <tr>
       <th>Nome</th>
       <th>Cognome</th>
       <th>Indirizzo</th>
      </tr>
    </tbody>
 </table>
<tr>
  <td>Giova</td>
  <td>Nardi</td>
  <td>Viale della Cagna, Verona</td>
</tr>
<tr>
  <td>Antonio</td>
  <td>Petrarca</td>
  <td>Via Camello 31, Rovegna</td>
</tr>
<tr>
  <td>Luca</td>
  <td>Mandelli</td>
  <td>Via Rossini, 32 Cesano Maderno</td>
</tr>
</div>

Does anybody knows why that? Any idea on how to workaround that issue? Thanks a lot