Clone & Remove Jquery

Доброго времени суток.

Столкнулся с проблемой, в гугле не нашёл ответа...

Клонирую элемент, когда пытаюсь его удалить - он не удаляется, Jquery его как-бы не видит, но если я удаляю родительский элемент - его он видит.

Есть родительское поле. Минус справа предназначен для удаления данного поля, а кнопка "Добавить пункт шаблона" клонирует первое поле. Получается, я клонирую первое поле и результат удалить не получается, когда на минус нажимаю - ничего не происходит, но если я нажимаю на минус родительского элемента, он его видит и алертит единицу.

HTML:

1.   <section class="createTemplate">
2.     <div class="createTemplate--wrapper">
3.       <h2>Создание шаблона</h2>
4.       <form method = "POST" name="addTemplate">
5.         <div class="form-item">
6.           <label for="name">Введите название шаблона</label>
7.           <input id = "name" type="text" placeholder = "Пример: Языки программирования">
8.         </div>
9.         <div class="form-item" id = "addTemplate--item">
10.           <label for="name">Введите значение для шаблона</label>
11.           <input id = "name" type="text" placeholder = "Пример: PHP">
12.           <img src="/realise/frontend/images/ux/delete.png" alt="удалить" id = "addTemplate--remove">
13.         </div>
14.         <div class="form-item" id = "templateAdd--controll">
15.           <input type="button" class="btn btn-success" value = "Добавить шаблон" id = "addTemplate--doAdd">
16.           <input type="button" class="btn btn-primary" value = "Добавить пункт шаблона" id = "addTemplate--addItem">
17.         </div>
18.       </form>
19.     </div>
20.   </section>

Код (Javascript):

1.   /* Добавление пункта шаблона */
2.   $('#addTemplate--addItem').on('click', function (e) {
3.     e.preventDefault();
4.     var item = $(this).parents('form').find('#addTemplate--item').clone();
5.     console.log(item);
6.     $('#templateAdd--controll').before(item);
7.   });
8.   /* Удаление пункта шаблона */
9.   $('#addTemplate--remove').on('click', function (e) {
10.     e.preventDefault();
11.     alert('1');
12.     /* $(this).parents('div.form-item').remove(); */
13.   });

Благодарю за потраченное время и надеюсь на помощь

 

Получается, если элемент установлен по ID, то Jquery может ссылаться только по первому / родительскому элементу, а если по классу - ко всем, правильно понимаю? Спасибо за ответ.

 

Большое спасибо за помощь!