click事件对$.each输入的内容不生效

Question

代码如下：

jsp：

//页面加载后，开始加载、遍历数据
$(function () {
//$.each(replyList, function (index, reply) {}……遍历的代码省略，输出结果如下
<div class="layui-colla-item">
          <h2 class="layui-colla-title">常用快捷回复</h2>
           <div class="layui-colla-content layui-show">
                 <ul class="reply_list">
                        <li class="wzq_right_problem">1111</li>
                         <li class="wzq_right_problem">2222</li>
                 </ul>
           </div>
</div>

}）

//点击事件
$(".reply_list").on("click", "li", function () {
            $(".wzq-message-input").val($(this).text());
 })

问题描述：
1、页面加载后，通过$.ajax请求数据，并遍历输出数据。绑定点击事件click后，点击元素不生效
2、如果不是通过动态加载、遍历。直接把元素写到jsp代码代码中，点击事件click生效，可以正常输出

猜想：
应该是js动态加载顺序先后问题，不知如何解决。

Answer 1

 $(function () {
      $(".reply_list .wzq_right_problem").on("click", function () {
        $(".wzq-message-input").val($(this).text());
      });

    });