这个bootstrap带弹出菜单，把弹出菜单的值填入input框中，用jquery怎么写？

这个bootstrap带弹出菜单，当点击弹出菜单的一个选项时，把这个选项的值填入input框中，用jquery怎么写？

比如，选香蕉的时候，香蕉两个字就填入到input框中了。

      <div class="col-lg-6">
    <div class="input-group">
      <input type="text" class="form-control" aria-label="Text input with dropdown button">
      <div class="input-group-btn">
        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Action
        </button>
        <div class="dropdown-menu dropdown-menu-right">
          <a class="dropdown-item" href="#">香蕉</a>
          <a class="dropdown-item" href="#">苹果</a>
          <a class="dropdown-item" href="#">土豆</a>
          <a class="dropdown-item" href="#">玉米</a>
        </div>
      </div>
    </div>
  </div>

---

 <script>
   $('.dropdown-item').click(function(event) {
   var choice = $(this).text();
   //console.log(choice);
   $('input').val(choice);
 }); 
 </script>