Проверка Jquery на Модальном окне загружена после страницы

Так как в заголовке говорится, что у меня есть модальное окно, которое загружается после загрузки страницы, это означает, что оно загружается после Ajax Call, и я хочу проверить поля этого модального окна.
для этого я использую приведенный ниже код, так как мой HTML не загружается в DOM:

$(document).on('click', ".add_style", function(e) {
var style_name = "";
style_name = $(".style_name").val();
if($.trim(style_name).length == 0)
{
$("#style_id").parent('div').addClass('has-error');
$(".title_error_msg").css("display","block");
return false;
}
else
{
console.log("In else");
return false;
}

});

Но я не могу получить значения поля модальной формы.
Пожалуйста, помогите, спасибо и заранее.

Обновлено:
Вот часть HTML

<div class="form-group">
<input type="hidden" value="" id="style_id" name="style_id">
<label>Title</label>
<input type="text" id="style_name" name="style_name" placeholder="Style Name" class="form-control style_name">        <div style="display:none" id="Styles_style_name_em_" class="errorMessage"></div>        <label style="display:none;" class="control-label title_error_msg" for="inputError"><i class="fa fa-times-circle-o"></i> Please enter Style Name</label>
</div>