Функции JavaScript не работают, когда HTML загружается через PHP / JS

Question

Я пытаюсь загрузить в какой-то HTML через Ajax. HTML имеет функцию, назначенную ему с атрибутом ONCLICK. Теперь, когда я выполняю код, функция полностью игнорируется. HTML загружен отлично.

Ниже приведена упрощенная версия того, что я пытаюсь сделать.

PHP-код для создания HTML (gethtml.php):

$html = '<a onclick="thefunction()">Click this to trigger JS function</a>';
$data = array(
    'html' => $html
);
echo json_encode($data);

Загрузка HTML через javascript (main.html):

function load_HTML()
    {
        $.ajax({
            url:"actions/gethtml.php",
            method:"POST",
            dataType:"JSON",
            success:function(data)
            {
                $('#container_id').html(data.html);
            }
        })
    }

Функция Javascript для загруженного HTML (main.html):

function thefunction(){
   //any function
}

Я надеюсь, что кто-нибудь может мне помочь!