Jquery change（）只能运行一次

Question

继承我的代码：

//select temp
        var select="<div class=\"new-option\">"
                 + "<h3>new option</h3>"
                 + "<label for=\"attributeName"+count+"\">New otion:</label>"
                 + "<input class=\"attribute\" type=\"text\" name=\"attributeName"+count+"\">"
                 + "</div>";
        //get value of select
        $('.tattribute').change(function() {


            if (this.value == "select-list") {

                $(this).next('.option').append(select);

            }   

            if(this.value!="select-list") {

                $(this).next('.option').remove();

            }

        });

从表单中选择select-list时会附加代码。它还会在未选择select-list时删除代码。但是，当我选择select-list然后选择另一个选项时，它将不再起作用。代码被删除但是当我第二次或第三次选择select-list时将再次追加。它只适用于

继承人html

<select id="t" class="attribute" name="attributeType3">
    <option value="text" selected="">Text</option>
    <option value="checkbox">Checkbox</option>
    <option value="select-list">Select Option List</option>
    <option value="notes">Notes</option>
</select>