[Maklay]

Есть небольшой php файлик который по запросу отдает:

<div id="Comment" class="dragable">Self: 1 | Enemy:2<br>
Self: 2 | Enemy:3<br>Self: 3 | Enemy:4<br>Self: 5 | Enemy:6<br></div>

Надо сделать данный див, дочерним по отношению в другом находящемуся в документе.

Суть вопроса:

В такой реализации:

$.ajax({
                url: '\SQL_connect.php',

                success: function (data) {
                    $('body').append(data);
                }
            });

все замечательно работает(при привязке к любому элементу).

Но при попытке сделать тоже самое для нескольких объектов:

let allObj = $('.circle');
            allObj.forEach = [].forEach;
            allObj.forEach(function (eObj, i, arr) {
                $.ajax({
                    url: '\SQL_connect.php',
                    success: function (data) {
                        eObj.append(data);
                    }
                });
            }
            );

К каждому div участвующему в переборе привязывается дочерним элементом, просто текстовая строка:

"<div id="Comment" class="dragable">Self: 1 | Enemy:2<br>Self: 2 | Enemy:3<br>Self: 3 | Enemy:4<br>Self: 5 | Enemy:6<br></div>"

То есть привязывается все куда надо, но просто текстом, а не элементом DOM. Подскажите как исправить сей момент.