Добавление кнопки удаления X в тег

Question

Я нашел этот http://jsfiddle.net/6xpoeth6/1/ скрипт на этой странице " Как создать не редактируемый тип (например, теги) при нажатии кнопки". Кто-нибудь может добавить кнопку X, чтобы удалить сообщение, как в этом плагине " http://timschlechter.github.io/bootstrap-tagsinput/examples/" или что-то подобное в теге ввода на этом сайте?

Вот код:

HTML

<input class="btn btn-info attribute-button" name="commit" type="button" value="first_name" />
<input class="btn btn-info attribute-button" name="commit" type="button" value="second_name" />

<div class="tags">
    <input type="text" name="newtag" class="newtag" placeholder="Add tags" />
</div>

CSS

.tags{
    width: 400px;
    height: 100px;
    border: 1px solid #000;
    margin: 5px;
}
.tag{
    padding: 1px;
    background-color: blue;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
}
.newtag{
    border: none;
    outline: none !important;
}

JS

$(document).ready(function(){
    $(".tags, .attribute-button").click(function(){
        $(".newtag").focus();
    })
    $(".newtag").keydown(function(e){
        if(e.which === 13 || e.which === 32 || e.which === 9){
            e.preventDefault();
            $(".newtag").before("<div class='tag'>"+$(".newtag").val()+"</div>");
            $(".newtag").val("");
        }
    });
    $(".attribute-button").click(function(){
        $(".newtag").before("<div class='tag'>"+$(this).val()+"</div>");
    })
});

Спасибо