Jquery插入输入字段

Question

我正在为文本输入字段构建一个简单的标记系统，这就是它的样子。

目前，下一个标记正在输入字段之前添加，但我希望它出现在输入字段中，这样如果用户点击后退，它将删除标记。如果这是有道理的。我不确定如何让span出现在输入字段内，这是代码：

<div id="formWrapper" class="ui-widget">
    <form id="searchForm" action="#">
        <fieldset>
            <legend>Test search form</legend>
            <span>Search</span>
            <div id="searchBoxDiv" class="ui-helper-clearfix">
                <button type="button" id="savedSearchButton">Test</button>
                <input id="searchBox" type="text" autocomplete="false">
            </div>
        </fieldset>
    </form>
</div>

function addSearchTerm(e, ui) {
            var searchTerm = ui.item.value;
            var span = $("<span>").text(searchTerm);
            var a = $("<a>").addClass("remove").addClass("testclass").attr({
                href: "javascript:",
                title: "Remove " + searchTerm
            }).text("x").appendTo(span);

           span.insertBefore("#searchBox");
        }

我尝试了insert，append的各种组合，但除了文字外，我似乎无法在输入中获取任何内容。我猜我必须做一些输入字段在另一个内部的东西，但我真的不确定如何。

由于