Como añadir filas y columnas al TBODY con jquery?

[adryan310]

Hola gente,

Tengo esta tabla:

Código HTML:

<table class="tlb-results" id="tlb-results">
          <thead>
            <tr>
              <td width="10%">TIME</td>
              <td width="10%">GAME#</td>
              <td width="30%">TEAMS</td>
              <td width="5%">PERIOD</td>
              <td width="10%">SCORE</td>
              <td width="5%">TICKETS</td>
              <td width="5%">RISK</td>
              <td width="10%">WIN/LOSS</td>
              <td width="10%">TODAY'S FIGURE</td>
              <td width="5%">AGENT</td>
            </tr>
          </thead>
          <tbody>
            
          </tbody>
        </table> 

En el tbody quiero insertar los datos correspondientes a cada columna, pero quiero hacerlo con jquery creandolo con algun append, pero no se como hacerlo, alguna ayuda amigos ?

Los datos del tbody a insertar serian:

Código HTML:

<tr>
        <td>10:35:00</td>
        <td>801/802</td>
        <td>DALLAS MAVERICKS @ MIAMI HEAT</td>
        <td>4Q</td>
        <td>27-22</td>
        <td>1</td>
        <td>$275</td>
        <td>-275</td>
        <td>-17517</td>
        <td>TEST</td>
</tr>
<tr>
        <td>10:35:00</td>
        <td>805/806</td>
        <td>MILWAKEE BUCKS @ PHILADELPHIA 76'ERS</td>
        <td>1H</td>
        <td>45-51</td>
        <td>185</td>
        <td>$6450</td>
        <td>-275</td>
        <td>-1050</td>
        <td>TEST</td>
</tr> 

[adryan310]

Amigos investigando hice lo siguiente:

Código Javascript:

<script type="text/javascript">
  $(document).ready(function(){
    
    $("#btnSearch").click(function(){
     
        $("#tlb-results > tbody").append("<tr><td>10:35:00</td><td>801/802</td><td>DALLAS MAVERICKS @ MIAMI HEAT</td><td>4Q</td><td>27-22</td><td>1</td><td>$275</td><td>-275</td><td>-17517</td><td>TEST</td></tr><tr><td>10:35:00</td><td>805/806</td><td>MILWAKEE BUCKS @ PHILADELPHIA 76'ERS</td><td>1H</td><td>45-51</td><td>185</td><td>$6450</td><td>-275</td><td>-1050</td><td>TEST</td></tr>");
     
    });
  });
</script>
 

Funciona pero cuando doy click en el boton aparece los datos del tbody pero inmediatamente desaparece, saben a que se debe eso y como solucionarlo ?