如何在jquery中动态插入textarea中的文本

Question

我想在按钮点击时在textarea中插入文本，这个文本应该添加到我的光标位置而不是文本的末尾

function add1(){
  var msg=$('#msg').val();
  $('#msg').val(msg+"hello");
}
function add2(){
  var msg=$('#msg').val();
  $('#msg').val(msg+"world");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="msg"></textarea>
<button onclick="add1()">hi</button>
<button onclick="add2()">world</button>