Dołączanie dużego bloku html z append ()

Próbuję dołączyć duży blok tekstu za pomocą dołączenia 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);



});

Wygląda na to, że nie działa i po zapoznaniu się z dokumentacją append () nie mogę zrozumieć dlaczego - żadnych pomysłów? Czy to jest duża ilość HTML, którą próbuję dołączyć?