Аккордеон не работает, когда он загружен в jquery $ .post

Я застрял в работе с динамическим аккордеоном для контента JQuery POST.

В firtpage.php у меня есть гармошка div с динамическим содержимым таблицы.

firstpage.php

<div id="accordion">
<h3>section 1</h3>
<div>
<table>
//dynamic table using php scripts
</table>
</div>
<h3>section 2</h3>
<div>
<table>
//dynamic table using php scripts
</table>
</div>
</div>

На второй странице я загрузил firstpage.php, используя jQuery $.post метод и в случае успеха я устанавливаю соответствующую функцию.

secondpage.php

<p id="click">reload</p>
<div id="result"></div>

$('#click').click(function() {

$.post('firtpage.php, function(data) {
$('#result').html(data);
$("#accordion").accordion({
collapsible: true,
active: false,
heightStyle: "content"});
});
});

На первый раз, когда я нажимаю p бирка, гармошка работает нормально. Когда я нажимаю второй раз, гармошка не работает.

Здесь, чего мне нужно добиться, каждый раз, когда пост загружает первую страницу, разделы должны быть аккордеонными.