Bootstrap - Модальное название не работает должным образом в модальном окне

Question

У меня есть страница карьеры, которая отвечает за отображение model window за каждое задание, которое человек желает применить. Всякий раз, когда нажимается кнопка «Применить», отображается то же самое modal-title, которое отображается для первого задания. Ниже приводится ссылка на career page. В исходном коде отображается model-title, тогда как при открытии его не отображается правильный заголовок. Ниже приведен код modal-title:

<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for General Foreman (E&amp;I) position</h4> 
</div> 
. 
. 
. 
<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for Superintendent (E&amp;I) position</h4> 
</div> 
. 
. 
. 
<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for Sr. Yards Engineer (E&amp;I) position</h4> 
</div> 
. 
. 
. 

Для всех model window первых рабочих мест, отображаемых model-title. Что может быть проблемой? Пожалуйста помоги. Я новичок в Bootstrap.

Answer 1

Проблема была связана с ссылкой href, которая вызывала код modal-window. Я использовал одно и то же имя для вызова всех modal-window. Он отлично работал, когда я дал разные имена href для вызова разных modal-window. Я получил это после комментария от @Navnit