Важный вопрос по jquery
написал скрипт:
<script>
$(document).ready(function(){
var xfield = 1;
$("button").click(function () {
$("button").after("<br><input name="xfield[image",++xfield,"]"
id="xf_image",xfield,""></input>");;
});
});
</script>
</head>
<body>
<button>Добавить поле</button>
<br><input name="xfield[image1]" id="xf_image1"></input><br>
</body>
По сути каждый раз должен подставляться инпут с image1,2 и т.д.
однако всегда в html коде вместо инпута выходит
<br>2]" id="xf_image2">
и так далее...
Скрипт как будто обрезает весь тег так как ему надо, не смог разобраться прошу помочь

Источник:dle-faq.pro, DLE