JavaScriptでjQueryで生成した要素に何かを適用する

<ul></ul>


<script>
var ul = $('ul');
for (var i in arr){
  var li = $('<ul>'+arr[i]+'</ul>').on("click", function (){
    alert("hello");
  });
  ul.append(li);
}
</script>