Использование Javascript для динамического добавления текстового поля

Question

В настоящее время я пытаюсь динамически добавлять текстовое поле с помощью javascript. У меня есть ингредиенты и количество, которые я хочу, чтобы иметь возможность продолжать добавлять, добавляя ингредиенты.

My Javascript выглядит следующим образом:

$('.recipe-ingredients #addNewIngredient').on('click', function() { 
     var i = $('.recipe-ingredients .ingredient').size() + 1; 
     $('<div class="form-group ingredient"><label class="control-label" for="searchinput">Ingredients</label><div><input id="ingredient_' + i + '" name="ingredients[]" type="text" placeholder="Ingredients" class="form-control input-md"></div></div><a href="javascript:void(0)" class="pure-button pure-u-1-6 pure-button-primary" id="addNewIngredient">Add Ingredient</a></div>').appendTo($('.recipe-ingredients .ingredients')); 
     $('<div class="form-group"><label class="control-label" for="buttondropdown">Quantity</label><div class="input-group"><input id="quantity_' + i + '" name="quantity[]" class="form-control" placeholder="Quantity" type="text"><div class="input-group-btn"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Measure<span class="caret"></span></button><ul class="dropdown pull-right"><li><a href="#">Grams</a></li><li><a href="#">Ounces</a></li><li><a href="#">Option three</a></li></ul></div></div>').appendTo($'.recipe-quantities .quantities')); 

При загрузке страницы я получаю ошибку консоли, которая говорит:

Uncaught SyntaxError: Unexpected string 

Пожалуйста, может кто-нибудь посоветовать мне, как к тому, что я сделал не так?

Answer 1

.appendTo($'.recipe-quantities .quantities')

возможно вы имели в виду .appendTo($('.recipe-quantities .quantities'))