Jquery 新创建元素上的事件

我目前有以下javascript：

$(document).on('click', '.add_option', function(e){
    e.preventDefault();
    $.get("/options/render_option", function(data){
        $('.add_option_control_group').before(data.option)
        $('#pollview').append(data.view)
        $(document).on('keyup', '.options', function(){
            that = $(this);
            index = $('.options').index(this);
            $('label.pollviewoptions:eq(' + index + ')').find('span').text(that.val());
        });
    }); 
});

HTML:

选项


形象


选项


形象




传奇
看看我
看看我

它目前不起作用。ajax请求从响应中检索html，并在页面的两个区域中插入元素

data.option：

<div class="span3">
    <label class="control-label" for="inputPhoto">Option</label>
    <div class="controls">
        <input class="span3" name="option[]" type="text" placeholder="Text">
        <br />
    </div>
</div>
<div class="span2">
    <label class="control-label" for="inputPhoto">Image</label>
    <div class="controls">
        <input class="span2" name="userfile[]" type="file" id="inputFile" placeholder="File">
        <br />
        <?php echo isset($file_errors['userfile']) ? "<span class='label label-important'>{$file_errors['userfile']}</span>" : '';?></span>
    </div>
</div>
<div class="clearfix">&nbsp;</div>

选项


形象

data.view

<label class="checkbox pollviewoptions">
    <input type="checkbox"> Check me out
</label>

看看我

---

创建的所有元素都不响应键控事件。

在

数据中没有class
options
的文本输入元素。option

，只有

。span3

这些

输入在哪里？藏在地毯下？哈哈，天哪。2个错误：1。没有选项类和2。复选框标签上没有范围。。。。我恨我自己。
<label class="checkbox pollviewoptions">
    <input type="checkbox"> Check me out
</label>