Problema con IE al obtener de la Base de Datos

[navy]

Hola a todos, he tratado de resolver el problema pero no he tenido fortuna, ojala me puedan ayudar.
tengo un link hacia una pagina que me muestra por medio de AJAX una tabla con datos de una BD. Cuando modifico algun valor en un formulario, en la BD se modifica y Mozila Firefox me visualiza bien el cambio, no asi en Internet Explorer que sigue con el valor antiguo
el codigo de que me muestra la tabla es el siguiente

Código Javascript:

$(document).ready(function(){
        $.getJSON("data/cargos.php?method=GetAllcargos",
        function(data){
          for (var u = 0 ; u < data.length; u++)
            {
              var tblRow =
                  "<tr>"
                  +"<td><a href='cargos.php?id_car="+data[u].id_car+"'>"+data[u].id_car+"</a></td>"
                   
   +"<td>"+data[u].cargo_car+"</td>"
    
   +"<td>"+data[u].valorHora_car+"</td>"
    
                  
                +"</tr>"
                $(tblRow).appendTo(".tb");
            }
 
        });
  });
 

Gracias de antemano
Saludos.

[navy]

Alguna sugerencia de que se podria hacer.
Saludos

[posman]

Código javascript:

$(tblRow).appendTo(".tb");
 

Supongo que .tb es una tabla que YA existe en tu pagina. Trata de crear tu tabla (o agregar en la que ya tienes) las secciones THEAD y TBODY para que el resultado final quede mas o menos asi

Código html:

<table>
  <thead>
    <th>titulo 1</th>
    <th>titulo 2</th>
  </thead>
  <tbody>
    tu contenido
  </tbody>
</table>
 

[navy]

posman Gracias por tu respuestas, pues si tb efectivamente es una tabla y la tengo de esta forma

Código HTML:

<table id="table1" class="data-table" width="100%">
    <thead>
        <tr>
        
    <th>Id</th>
    
    <th>Cargo</th>
    
    <th>Valor Hora</th>
    
        </tr>
    </thead>
    <tbody class="tb">
 
    </tbody>
</table>
 

asi que no debe ser ese el problema.
Saludos.