Есть ли в jquery метод, который повторяет вывод и добавление несколькими щелчками мыши?

Я пытаюсь написать панель поиска и хочу иметь динамическое количество параметров для поиска. Поэтому я пытаюсь заставить jquery сначала загрузить панель поиска (в другом файле), а затем клонировать ее и добавить в тело.

Я уже пытался изменить серверные селекторы, но это не работает должным образом.

Это мой jquery-скрипт

        $(document).ready(function(){
            $("#add").click(function(){
                $("#add_div").load("test.php");
            });
            $("#addbutton").click(function(){
                $("#add_div").clone().appendTo("body")
            });
        });

test.php содержит панель поиска

Первая загрузка выполняется, как и ожидалось (один раз я получаю панель поиска), но все нажатия на кнопку «добавить» (которая загружается вместе с панелью поиска) ничего не делают.

Обновлено: исправлена ​​небольшая ошибка