generar dialog modal dinamicamente

[Montes28]

hola compañeros de foro espero me ayudo me encuntro generando un dialog modal
dinamicamente.

estoy generando una tabla con el resultado de una consulta a una base de datos y necesito que se cree el link para que en todos lo registros-filas se pueda abrir el dialog hasta el momento solo puedo con el primer registro , cree un contador para generar el link pero el inconveniente es para que que en la function de jquery sepa que valor de contador la esta llamando

<script>
$(function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );

$( "#dialog-confirm" ).dialog({
autoOpen: false,
resizable: false,
height:140,
modal: true,
buttons: {
"Delete all items": function() {
$( this ).dialog( "close" );
},
Cancelar: function() {
$( this ).dialog( "close" );
}

}
});
$( "#consultar" )
.button()
.click(function() {
$( "#dialog-confirm" ).dialog( "open" );
});
});
</script>

Código HTML:

<thead>
            <tr class="ui-widget-header ">
                <th width="12%">Destinatario</th>.............
 

Código PHP:

mediante php estoy creando la tabla y los botones 
 
id='consultar$cont'
 
.........
<td><?php echo "<div class='fg-toolbar'>
    <button class='fg-button ui-state-default ui-corner-all' title='Consultar' id='consultar$cont'><span class='ui-icon ui-icon-search'></span></button>
    <button class='fg-button ui-state-default ui-corner-all' title='Modificar' id='modificar$cont'><span class='ui-icon ui-icon-pencil'></span></button>
    <button class='fg-button ui-state-default ui-corner-all' title='Eliminar'  id='eliminar$cont'><span class='ui-icon ui-icon-trash'></span></button>
    </div>"; ?> </td>
 

y como resultado tendria

consultar1
consultar2
consultar3

como hago para que el codigo js sepa que es consultar1...... y no solo consultar

$( "#consultar" )
.button()
.click(function() {
$( "#dialog-confirm" ).dialog( "open" );
});