jquery - 将事件绑定到动态加载的 html

Question

在通过 jQuery.load 加载 HTML 后，我试图绑定到 click/touchstart 事件，如下所示：

var screen = $("#somediv");

function LoadScenarioScreen(){
    screen.empty();

    screen.load('templates.html #ScenarioSelect',function(){
        $(document).on('click touchstart','div#squishy_box', function(e){
            alert('hello');
        });
    });
}

加载 HTML 效果很好，但绑定到该 HTML 中的元素不会。我正在使用 jQuery 1.11 并通过模拟器和我的 iPad 上的 Icenium 进行尝试。从 .on 函数中删除可选的选择器可以使单击正常工作，但除此之外什么也没有。

编辑：发布成堆的 HTML 没有意义，但加载文档的第一部分是这样的：

<div id="ScenarioSelect">
    <div class="box">
        <div id="squishy_box" class="arrow_box">