单击它时，复选框上的Jquery .click（）函数不会运行

Question

我正在尝试在表格的标题中添加一个复选框。为此，我编写了以下代码行：

tableHead+='<th> <input type="checkbox" id="select_all"/> </th>';

$("#select_all").click(function(){
    alert('clicked!');
})

HTML

<div>
    <h5 style="float:left;">Results - Table</h5>
    <button id="download-json" class="btn" style="float:right;"><i class="icon-download"></i> Get JSON</button>
    <button id="download-csv" class="btn" style="float:right;"><i class="icon-download"></i> Get CSV</button>
    </div>
    <br>
    <div id="results_container">
    <p>Execute a query first!</p>
    </div>

</div>

不幸的是，Altough复选框出现在我的桌子上，当我点击它时，没有任何反应。我的意思是没有警报信息。我该怎么做才能解决这个问题？