[abcde_007]

Добрый всем день. Скорее всего, вопрос будет удивлять своей "новизной", но что-то ответа на него я так и не нашел. Задача на raw js на странице клонировать форму, но попутно добавляя/изменяя содержимое.
Задача - вставить кнопку "удалить" куда надо. Работает только при варианте представленном ниже. А надо вставить внутрь клонированной формы. Все попытки вытащить элемент (parent_del_elem) из клонированного узла, чтобы к нему присоединить кнопку, ни к чему не приводят. Выдает ошибку в консоли.
В чем моя ошибка? Почему не работает var most_wanted = cloned.selectElementById('parent_del_elem') ?

<div class="1 2 3" id="clone_elem">
		<div class="2 5" id="parent_del_elem">
			<form >
				<input type="text" name="">
				<input type="password" name="">
				<button type="submit" id="">Submit </button>
			</form>
				<button type="submit" id="">Добавить</button>
		</div>
		
	</div>

window.onload = function () {
	add.onclick = function () {

		var button = document.createElement('button');
		var parent_del_elem = document.getElementById('parent_del_elem');
        button.innerHTML = 'Удалить';

		var original = document.getElementById('clone_elem');
		var cloned = original.cloneNode(true);

		cloned.appendChild(button);

		original.parentNode.insertBefore(cloned, original.nextSibling);
	}
}