Передайте переменную Javascript в HTML-код внутри append ()

Question

Я хотел бы передать переменную в HTML-код, который я хочу добавить:

var max = 1;    
$(wraper).on("click", ".add_field_button", function(e){ //on add input click
   e.preventDefault();
   if(max < max_fields){ //max input box allowed
     max++;
     console.log(max); // max now is equal to 2
     $(wrapper).append('<input id="street" name="street[{{$max}}]" class="form-control" type="text" placeholder="" value="">');
     }
})

Вместо использования $ max внутри HTML-кода ввода, я хотел бы использовать значение макс.переменная js, чтобы я мог получить улицу [2]

Я видел много решений о том, как передать только переменную в append (), но не переменную внутри HTML-кода ...

Answer 1

$(wrapper).append('<input id="street" name="street[' + max + ']" class="form-control" type="text" placeholder="" value="">');

Или

$(wrapper).append(concat('<input id="street" name="street[', max, ']" class="form-control" type="text" placeholder="" value="">'));

Answer 2

Попробуйте

1002 *