削除ボタンと一緒にオートサジェスト機能を実装するにはどうすればよいですか？

タグを削除する機能であるstackoverflowウェブサイトと同じように、タグ機能を実装したいと考えています。削除ボタンと一緒にオートサジェスト機能を実装するにはどうすればよいですか？

私はjquery ui autocomplete pluginを参照しています。削除機能については

私は、次のWebサイトを参照しています：website link

私は必要な機能は、タグはカンマで区切る必要がありますということで、タグの無いユーザーには限界があるはずがなければならない&選択することができますタグを削除する機能もあります。

私は選択機能には、提案の

上記のウェブサイトに記載されている機能をマージしようとしました。

このため、私はselect関数を変更しました。

今、私は次のような結果になっています

select: function(event, ui) { 
          var terms = split(this.value); 
          if (terms.length <= 2) { 
          // remove the current input 
          terms.pop(); 
          // add the selected item 
          terms.push(ui.item.value); 
          // add placeholder to get the comma-and-space at the end 
          terms.push(""); 
          var friend = ui.item.value, 
       span = $("<span>").text(friend), 
       a = $("<a>").addClass("remove").attr({ 
        href: "javascript:", 
        title: "Remove " + friend 
       }).text("x").appendTo(span); 

       //add friend to friend div 
       span.insertBefore("#txtTopic"); 
          } else { 
           terms.pop(); 
          }        
          this.value = terms.join(","); 
          return false; 
         }

：

enter image description here