Tengo este script para agregar un nuevo campo de entrada cuando el usuario hace clic en un enlace con id de add :

 $(document).ready(function() { var i = 1; $('#add').click(function(){ i++; $('#dyanimc-field').append("<input type='text' name='tag_name[]' value='' class='form-control' id='tagInput' placeholder='Tag name'+i>"); }); });

Ahora esto funciona bien y agrega correctamente un nuevo campo de entrada, pero quiero que el marcador de posición de esta entrada muestre el valor de la variable i junto al texto del Tag name .

Entonces las entradas tendrían estos marcadores de posición:

Por lo tanto, probé este placeholder='Tag name'+i> pero esto es incorrecto porque no devuelve ningún valor de variable i .

Entonces, ¿cómo concatenar una variable con texto de cadena para mostrar correctamente como marcador de posición de una entrada?