Как обработать динамически созданный элемент после отправки формы?
 

<!-- ..разметка модального окна. -->

<div class="modal-content">

	<div class="modal-header">
	  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	  <h4 class="modal-title" id="myLargeModalLabel">Оставьте свои контактные данные</h4>
	</div>
	<div class="modal-body">	
	
<form class="form...>
    <!-- Несколько инпутов -->
...
...

    
    <div class="form-actions">
        <input type="submit">
    </div>
</form>
<div id="ec-form-success"></div>	
	
	</div>
  </div>
  
<!-- .. закрытое div-ов разметки модального окна </div></div>.. -->

после успешной отпарвки формы из модального окна у div с id="ec-form-success" появляется динамически созданный дочерний элемент с текстом сообщения в этом же модальном окне:

<div id="ec-form-success">
<div class="alert alert-success" role="alert">
    Ваше сообщение было успешно отправлено. Оно будет опубликовано после одобрения модератором сайта!
</div>
</div>

Инпуты все удаляются из модального окна, а <div class="modal-header">...<h4...><h4> остается с преждним текстом "Оставьте свои контактные данные".

Пытаюсь поймать этот динамически созданный элемент и поменять текст в <div class="modal-header">...<h4...><h4>, но что-то никак не получается.

пробовал так:

$(".modal-header h4").on(function(){
  if($(this).hasClass(".alert-success")){
    $("#myLargeModalLabel").text("Вопрос успешно отправлен!");
    }
});

Прошу подсказать решение.

Заранее, благодарю!

Эту фантастику выбросить. Нет никакого модального окна, это слой. Ищите обработчик отправления формы, он у вас асинхронный, в его функции выполняемой после окончания запроса, где выводится "Ваше сообщение было успешно отправлено." допишите смену текста у заголовка.