Anexando bloque grande de html con append ()
Estoy tratando de agregar un gran bloque de texto usando el apéndice () de jquery.
$('#add_contact_btn').click(function(event) {
event.preventDefault();
var large = '<div class="accordian_container"><a href="#" class="accordian_trigger"><h4>Co-Borrower Information</h4></a><hr/><div class="accordian_item" id="accord_item_2"><label> First Name</label><br/><input type="text"/><br/><label>Middle Name</label><br/>
<input type="text"/><br/>
<label>Last Name</label><br/>
<input type="text" /><br/>
<label>Home Number</label><br/>
<input type="text"/><br>
<label>Work Number</label><br/>
<input type="text"/><br>
<label>Cell Number</label><br/>
<input type="text"/><br>
</div>
</div>';
$('#accordion_container').append(large);
});
No parece estar funcionando y, después de consultar la documentación de append (), no puedo entender por qué: ¿alguna idea? ¿Es la gran cantidad de HTML que estoy tratando de anexar?