javascript - jQuery.on() が stopPropagation で動作しない

Question

func()内側のdivをクリックしたときに実行されないようにしたい。

これはhtmlです：

    <div onclick="func()">
       <div id="inner-div">
          I'm an inner div
       </div>
     </div>

このコードは伝播を停止します:

$('#inner-div').bind("click", function(e){
  e.stopPropagation();
})

このコードは伝播を停止できません:

$(document).on("click", '#inner-div' , function(e){
  e.stopPropagation();
})

どうすればいいのですか？