JQuery append with find не работает вместе

Question

Здравствуйте, я пытаюсь вставить один элемент dom в другой, но как-то он не работает. Я сделал это много раньше, но на этот раз я не мог понять, почему.

Это моя модальная коробка. Я получаю это с помощью запроса ajax, и я использую $ .when и получаю две страницы вместе. Ниже вы найдете второй html.

Первое:

<div class="edit-modal"> 
<div class="edit-modal-title"> 
    <h1>Settings</h1> 
</div> <!-- edit-modal-title --> 
<div class="edit-modal-menu"> 
    <ul class="list-inline"> 
    <li><a href="#">Edit Form</a></li> 
    <li class="edit-active"><a href="#">Add People</a></li> 
    <li><a href="#">Form Info</a></li> 
    </ul> 
</div> <!-- edit-modal-menu --> 
<div class="edit-modal-content"> 
    <!-- people --> 
</div> 

Второе:

<div class="form-group"> 
    <label for="name">Form Name</label> 
    <input type="text" class="input-style form-control" id="name" placeholder="E-mail"> 
</div> 
<div class="form-group"> 
    <label for="ty">Thank You Page</label> 
    <input type="text" class="input-style form-control" id="ty" placeholder="Password"> 
</div> 
<div class="checkbox"> 
    <label> 
    <input type="checkbox"> E-mail Notification 
    </label> 
</div> 
<button type="submit" class="save-button step-button">Save</button> 
<a href="#" class="pull-right" style="text-decoration:underline; font-style:oblique;">delete form</a> 

Я просто хочу поставить вторую часть в .edit покадрово-контента дел.

Я так делаю;

$(first[0]).find('.edit-modal-content').append(second[0]); 

Но когда console.log ($ (первый [0])) не существует вторая часть в .edit-модальной-контента, как я могу это исправить?

Благодаря

Answer 1

Во-первых, если это не опечатка, ваш «первый» отсутствует закрывающая ДИВ в самом низу. После того, как вы это исправить, если это опечатка, вы должны быть в состоянии сделать:

var $something = $(first).find('.edit-modal-content').append($(second)); 

Затем, когда вы будете готовы вы можете добавить, что к телу.