ID Dinâmico. Modal Jquery

Prezados, boa tarde. Eu faço uma consulta no banco de dados e retorno o número de boletos que um cliente tem que pagar. Nesse caso são 5 boletos. Faço um LOOP e mostro na tela assim:

<tr> <td> <a id='ConsultaInstTit50'>150,00</a> <div id='dialogInstTit50' style='display:none. '> <iframe id='iConsultaInstTit50' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td>
</tr> <tr> <td> <a id='ConsultaInstTit51'>150,00</a> <div id='dialogInstTit51' style='display:none. '> <iframe id='iConsultaInstTit51' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td>
</tr> <tr> <td> <a id='ConsultaInstTit52'>150,00</a> <div id='dialogInstTit52' style='display:none. '> <iframe id='iConsultaInstTit52' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td>
</tr> <tr> <td> <a id='ConsultaInstTit53'>150,00</a> <div id='dialogInstTit53' style='display:none. '> <iframe id='iConsultaInstTit53' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td>
</tr> <tr> <td> <a id='ConsultaInstTit54'>150,00</a> <div id='dialogInstTit54' style='display:none. '> <iframe id='iConsultaInstTit54' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td>
</tr>

Daí faço uma numeração usando a Chave da Tabela pra colocar no ID, evitando a duplicidade de ID. OK Acontece que tenho uma função em JQuery, ao clicar sobre o link, eu chamo a função:

jQuery('#ConsultaInstTit').click(function() { jQuery('#iConsultaInstTit').attr('src', '/produto/frontend/consultas/titulosdetalhes.asp?codTit=??????'). jQuery('#dialogInstTit').dialog('open'). }). 

jQuery('#dialogInstTit').dialog({ autoOpen: false, position: 'top', title: 'Consulta Custo Médio', draggable: false, width: 615, height: 400, resizable: true, modal: true,

}). Não funciona, pois o ID do <a> não é o mesmo na função JQuery... não sei como fazer isso dinamicamente.

Outro problema é que uma função chama outra. Veja que a função (.click) chama a outra (.dialog). Alguém tem uma solução?