Событие Javascript обработано на неправильном объекте начальной загрузки

В настоящее время я использую шаблоны для создания html, который содержит модальный файл из начальной загрузки. Я хочу получить доступ к каждому модальному событию show.bs.modal. Div для каждого шаблона дается идентификатором ConEd с именем, а внутри него находится некоторый код, включающий ссылку на модальное окно:

    <div id='ConEd<%=name%>'>
    ...
    <div class="modal fade" id="ConceptText" role="dialog" aria-labelledby="ConceptLabel">
    ...       
    <h4 class="modal-title" id="ConceptLabel"></h4>

В javascript для страницы у меня есть следующие строки, написанные для двух объектов ConEd, которые были успешно созданы по имени, как указано выше.

    var tab1 = $('#ConEd'+'input1'+' .active'); 
    var tabmodal1 = tab.find('.modal[id=ConceptText]');
    tabmodal1.on('show.bs.modal', function (event) {
        var modal = $(this);
        modal.find('.modal-title').text('input1 title');    
    });


    var tab2 = $('#ConEd'+'input2'+' .active'); 
    var tabmodal2 = tab.find('.modal[id=ConceptText]');
    tabmodal2.on('show.bs.modal', function (event) {
        var modal = $(this);
        modal.find('.modal-title').text('input2 title');    
    });

При отладке каждая переменная tabmodal имеет правильный селектор - присваивается правильному объекту ConEd.

К сожалению, всякий раз, когда отображается модальное окно и запускается событие show.bs.modal, запускается только первое событие (с заголовком, установленным на 'input1 title'), поэтому оба модальных окна имеют текст заголовка 'input1 title'.

Я не могу понять, что я сделал не так, чтобы первый даже был приписан обоим модальным объектам. Буду очень признателен за любые указатели.