Добавление input и вывод в html value
 

Добрый день.

Есть див с классом .quick-comment-body, в этот див при клике на него подгружается дочерний form с классом .quick-comment-form - это форма, в которую я хочу добавить 2 input'а, и далее при публикации того что написали в форме и эти инпуты - выводить (.on('click', '#rte-button-publish', function(e) {). Клик сюда - .on('click', '#rte-button-cancel', function(e) - ремувит форму, и как нужно мне - эти инпуты из родительского дива.

Сначала сделал так:

$('body').on('click', '.quick-comment-body', function(e) {
	$('.quick-comment-body').attr('id','quick-comment-body');
	$('<input id="fio" placeholder="Ваше ФИО"><input id="from" placeholder="Ваша должность">').prependTo(".quick-comment-form");
});
$('body').on('click', '#rte-button-cancel', function(e) {
	$('#fio, #from').remove();
});
function anonim() {
    var fio = document.getElementById('fio').value;
    var from = document.getElementById('from').value;
 
    var html = fio + from;
 
    document.getElementById('quick-comment-body').innerHTML = html;
}

Потом так:

$('body').on('click', '.quick-comment-body', function(e) {
	$('.quick-comment-body').attr('id','quick-comment-body');
	$('<input id="fio" placeholder="Ваше ФИО"><input id="from" placeholder="Ваша должность">').prependTo(".quick-comment-form");
});
$('body').on('click', '#rte-button-cancel', function(e) {
	$('#fio, #from').remove();
});
$('body').on('click', '#rte-button-publish', function(e) {
	var fio = document.getElementById('fio').value;
	var from = document.getElementById('from').value;
	var html = fio + from;
	document.getElementById('quick-comment-body').innerHTML = html;
});

+ при клике на инпуты - получается так словно я кликаю на .quick-comment-body и добавляются ещё инпуты.

Работаю в интранет портале и доступа к коду не имею, делаю всё через вложения на странице (Confluence от Atlassian).

Подскажите пожалуйста, как правильно реализовать?

Реализовать не получилось в связи с запретом на выполнение сторонних скриптов для анонимного пользователя.

Тема закрыта.