Iconvenientes php ajax

[Montes28]

hola amigos del foro espero me puedan ayudar

me encuentro trabajando con modal dialog form de jquery

en esta pagina tengo una tabla donde listo los registros de la base de datos
y tengo una un boton

Código HTML:

<button id="create-user">Insertar Nuevo Destinatario</button>
 

que abre una ventana modal con un formulario para ingresar un nuevo registro y utulizo ajax para cargar de nuevo la tabla con los registros de la base de datos incluyendo en nuevo registro.

Código Javascript:

$.ajax({ 
                  url:'archivo.php',
                  type:'post',
                  data:'name='+namec+'&email='+emailc+'&password='+passwordc,
                  }).done(function() {
                  cargar_usuarios();
                 })
 

Código Javascript:

function cargar_usuarios() {
 * * $.ajax({
 * * * * *url: 'views/cargar_usuarios.php',
 * * * * *type:'get',
 * * * * *cache:false,
 * * * * *success: function(data) {
 * * * * * * * $('#div_tabla_usuario').html(data);
 * * * * *}
 * * });
}
 

cargar de nuevo la tabla con los registros de la base de datos incluyendo en nuevo registro.

en esta parte es donde tengo el problema ya que en una parte de la tabla tengo 3 iconos botones que son para consultar ,modificar,eliminar.
al darle click a cada botton se abren una ventana modal correspondiente al metodo o sea consultart, modificar,eliminar. estas ventanas se abren en la pagina inicial pero si se inserta un nuevo registro cuando mediante ajax devuelvo cargar_usuarios.php ya no tienen comportamiento los botones.

que estoy haciendo mal

a continuacion comparto mi cargar_usuarios.php

Código PHP:

<?
$servidor = 'localhost';
$bd = 'correo';
$usuario = 'postgres';
$contrasenia = 'hoe798cs';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("SELECT * FROM correo order by id");
$consulta->execute();
 
?>
 
<div id='div_tabla_usuario'>
 
<table width="100%" class="ui-widget ui-widget-content" id="users">
        <thead>
            <tr class="ui-widget-header ">
                <th width="12%">N°</th>
                <th width="15%">Destinatario</th>
                <th width="9%">Email</th>
                <th width="11%">Telefono</th>
                <th width="11%">Telefono</th>
                <th width="8%">Fax</th>
                <th width="20%">Web</th>
                <th width="14%"><div align="center">Acciones</div></th>
 
            </tr>
        </thead>
<?      
while($fila = $consulta->fetch(PDO::FETCH_ASSOC))
    {
 
    echo    "<tbody>";
            echo"<tr>";
                  echo "<td align='center'>" .$fila['id'] . "</td>";
                  echo "<td align='center'>" .$fila['name'] . "</td>";
                  echo "<td align='center'>" .$fila['email'] . "</td>";
                  echo "<td align='center'></td>";
                  echo "<td align='center'></td>";
                  echo "<td align='center'></td>";
                  echo "<td> <input type='checkbox' name='checkbox' value='checkbox' /></td>";
                  echo "<td><div class='fg-toolbar'>
    <button class='fg-button ui-state-default ui-corner-all' title='Consultar' id=''><span class='ui-icon ui-icon-search'></span></button>
    <button class='fg-button ui-state-default ui-corner-all' title='Modificar' id=''><span class='ui-icon ui-icon-pencil'></span></button>
    <button class='fg-button ui-state-default ui-corner-all' title='Eliminar'  id=''><span class='ui-icon ui-icon-trash'></span></button>
    </div></td>";
            echo"<tr>";
        echo"</tbody>";
    
        
        }
        ?>
        </table></div>
 

para mi el inconveniente es en esta parte pero no se como debo hacerlo para que funcione


echo "<td><div class='fg-toolbar'>
<button class='fg-button ui-state-default ui-corner-all' title='Consultar' id=''><span class='ui-icon ui-icon-search'></span></button>
<button class='fg-button ui-state-default ui-corner-all' title='Modificar' id=''><span class='ui-icon ui-icon-pencil'></span></button>
<button class='fg-button ui-state-default ui-corner-all' title='Eliminar' id=''><span class='ui-icon ui-icon-trash'></span></button>
</div></td>";