Динамическое добавление кода HTML и обработка его Jinja

Мне необходимо на HTML странице пользователя отображать таблицу из двух столбцов с возможностью динамического добавления строк. В поле столбца один я вывожу список объектов передаваемого класса, во втором столбце пользователь вводит информацию (Создаю таблицу ингредиентов и ввожу их кол-во для приготовления блюда).

Реализовал метод на js, который добавляет строку.

function AddItem() {
    item++;
    $('#ItemInRecipTable').find('tbody').append('<tr><td><select name="item-choice" 
          class="form-control">{% for item in items %}<option value={{ item.id }}>{{ 
          item.name }}</option>{% endfor %}</select></td><td><input type="number" 
          name="amount-item" class="form-control"></td></tr>');
}

И вот тут столкнулся с проблемой... В этом коде есть часть, которая должна быть обработана Jinja

 {% for item in items %}
     <option value={{ item.id }}>{{item.name }}</option>
 {% endfor %}

Но на деле я получаю просто {{item.name }}, потому что Jinja не обрабатывает новый код.

Вопрос... Как динамически добавлять html код разметки таблицы таким образом, чтобы Jinja его подхватывала?

Думал это сделать через {% include "add_item.html" %}, но тогда нужна какая логика обработки флага, которую я себе не представляю.

Прошу подсказать и направить на путь истинный.