Важный вопрос по jquery

Решил вот написать скрипт для динамического добавления дополнительных полей по средствам 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"&gt;

и так далее...
Скрипт как будто обрезает весь тег так как ему надо, не смог разобраться прошу помочь

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

Перейти на сайт

Важный вопрос по jquery

Похожие новости