诸位大神，请帮忙：on()设置的点击事件对追加的元素不起作用

各位大神，请帮忙：on()设置的点击事件对追加的元素不起作用
已有一个div id=list,
现在要动态追加一个<div class='a'></div>，再在这个div里再追加<div class="b"></>，
追加后结构为：<div id="list"><div class='a'><div class='b'></div></div></div>
要对class="b"的div设置点击事件，该怎么写？

------解决思路----------------------
绑定的时候id为list的div必须存在
jq 用这个试下http://libs.baidu.com/jquery/1.10.2/jquery.min.js
------解决思路----------------------

<script src=scripts/jquery-1.8.3.min.js></script>

<script>

$(function() {

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

    $('#list').append('<div class=a>A</div>');

    $('#list').find('.a').append('<div class=b>B</div>');

  });

  $('#list').on('click', $('.b'), function() {

    alert('ok');

  });

});

</script>

<div id='list'></div>

<input type=button value=test id=bn>

------解决思路----------------------
用我下面的方法试试：

$("#list").delegate("#b","click",function(){

    alert("true");

})

------解决思路----------------------
搞那么复杂，，，你可以追加的时候把onclick一并追加进去。。。
------解决思路----------------------
on要原始存在才绑定上，否则要用delegate来动态绑定（低版本的用live）

    $(document).delegate('#list div.b','click', function () { alert(this.innerHTML) })