Выводить сообщение об ошибке в DIV
 

При отправке регистрационных данных
Часть кода:
if ($(elem).is(':visible')) {
if ($(elem).val() == '') {
errorMsg += $(elem).attr('data-item') + '\n';
$(elem).addClass("profile");
}
}


errorMsg += $(elem).attr('data-item') + '\n';
- здесь в alert выводится значения обязательных полей, которые небыли заполнены и нажата кнопка Отправить.

Можно сделать, чтобы эти значения выводились не в alert а в <div class='makaron'></div> ?

Если не сложно, напишите пожалуйста готовый код. Мои знания javascript нулевые.
Спасибо.

Как вариант...

<div class='makaron'></div>
<script>
document.querySelector('.makaron').innerHTML='Test';
</script>

Не сосем понимаю куда все это вставлять, чтобы data-item выводились в слой...

Покажите всё, что вам удалось сделать (написанный код), тогда вам, возможно, помогут!