html - タグの入力要素にjqueryで値を挿入する

Question

タグ入力要素htmlにjqueryを介して値を挿入したい。しかし、うまくいきませんでした。

私のコード JS :

$(document).ready(function(){        
  $('#tags-input').tagsInput();
  var tagsValue = 'Jakarta,Bogor,Bandung';
  $('#tags-input').val(tagsValue);
});

私のコードhtml：

<input type="text" class="form-control" name="city" id="tags-input" />   

しかし、結果は空です

そして、私は結果が欲しい

どうすればできますか？私を助けてください。ありがとうございました