Tengo un conjunto de etiquetas de anclaje generadas dinámicamente en un bucle for de la siguiente manera:

<div id = "solTitle"> <a href = "#"  id = "' + tagId + '" onClick = "openSolution();"> ' + solTitle + '</a></div> <br>';

Una vez que se ejecuta este código, la salida html para uno de los casos se vería así:

<div id = "solTitle"> <a href = "#"  id = "solution0" onClick = "openSolution();">Solution0 </a></div> <br>

<div id = "solTitle"> <a href = "#"  id = "solution1" onClick = "openSolution();">Solution1 </a></div> <br>

Ahora quiero que se muestren diferentes textos al hacer clic en los enlaces anteriores. openSolution () tiene este aspecto:

function openSolution() {
    alert('here');
    $('#solTitle a').click(function(evt) {
        evt.preventDefault();
        alert('here in');
        var divId = 'summary' + $(this).attr('id');

        document.getElementById(divId).className = '';

    });
}

Cuando lo ejecuto y hago clic en cualquiera de los enlaces, el flujo no entra dentro del controlador de clic jquery. Lo revisé mediante las alertas anteriores utilizadas. Solo muestra la alerta - 'aquí' y no la alerta - 'aquí en'. Al hacer clic en el enlace por segunda vez, todo funciona perfectamente con el valor correcto de divId.