javascript - 无法重置输入字段 - （插件选择使用输入字段）

Question

这是我的 html 代码：这是我声明输入类型和 id 的输入字段。

<div class="col-lg-4 col-sm-6">
   <div class="form-group">
      <div>
         <input id="SkillsAndInterests" class="form-control" type="text" 
                name="SkillsAndInterests" style="width:286px;height:35px;" />
       </div>
    </div>
 </div>

这是我的 js 代码：

vm.CommunityMembersAdditionalInfoData.SkillsAndInterests = vm.skillsandinterestarray;
$('#SkillsAndInterests').tagSuggest({
    data: vm.CommunityMembersAdditionalInfoData.SkillsAndInterests,
    sortOrder: 'name',
    maxDropHeight: 200,
    name: 'SkillsAndInterests'
});

这是我的重置功能：我无法重置的地方

vm.ResetSerachMembers = function () {
    $("#SkillsAndInterests").val('');
}

这是我调用重置功能的按钮：

<button class="btn btn-danger" ng-disabled="data.isMembersLoading"
        ng-click="data.ResetSerachMembers();" type="button">
  Reset
</button>