Как вернуть значение динамически создаваемого значения обратно в поле зрения с помощью кнопки Удалить и добавить?

---

привет,
У меня есть кнопка, и по щелчку кнопки я создаю новые текстовые поля для значения и одно для выбора цвета (любое количество текстовых полей) Используя JQuery, а затем нажав кнопку Сохранить, я получаю список значений текстового поля и цвета и сохраняю его в базе данных, это прошлое работает нормально,

Я моя модель

public List SignalThresholdValueList { get; set; }
public List SignalThresholdColorList { get; set; }

в виду

@Html.TextBoxFor(m => m.SignalThresholdValueList, new { @name = "SignalThresholdValueList", @class = "thresoldText" })

@Html.TextBoxFor(m => m.SignalThresholdColorList, new { @type = "color", @name = "SignalThresholdColorList", @class = "inputColorPicker" })

Вот jQuery

<pre>  //Dynamically create the div
    $(document).ready(function () {
        var max_fields = 10; //maximum input boxes allowed
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).click(function (e) { //on add input button click
            e.preventDefault();
            if (x < max_fields) { //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div  style="margin-bottom: 15px; ">' +
                    '<input class="thresoldText" type="text" name="SignalThresholdValueList"/>' +
                    '<input style="width:10px; width:20px; margin-left:5px" type="color" name="SignalThresholdColorList">' +//color picker
                    '<img style="padding-left:5px;" class="remove_field" src="/Images/delete.ico"/>' +
                    '</div>'); //add input box
            }
        });

        $(wrapper).on("click", ".remove_field", function (e) { //user click on remove text
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })

        //$('input.SignalThresholdValueList').each(function () {
        //    alert($(this).val());
        //    textarray.push($(this).val());
        //});
    });

с помощью этого кода я могу создавать динамические текстовые поля и цветовые палитры,
ответ хранение на базе,

теперь моя проблема заключается в том, что при нажатии кнопки редактирования я получаю значение из базы данных для textbox и colorpicker, но я хочу создать текстовые поля и палитру цветов и добавить кнопку на странице редактирования с тем же значением,

Как это сделать?

Что я уже пробовал:

<pre> 
<div class="sgnalContainer">
 <div style="width:50%; float:left">
     @foreach (var item in Model.SignalThresholdValueList)
      {
         <div style="padding-top:10px">
            <input type="text" value="@item" class="thresoldText" />
         </div>
                                }
    </div>
    <div style="width:50%; float:left; padding-left: 15px">
        @foreach (var item in Model.SignalThresholdColorList)
         {
            <div style="padding-top:15px;">
              <input type="color" value=@(item) class="inputColorPicker" />
            </div>
         }
   </div>
                           
 </div>

здесь я получаю текстовое поле и палитру цветов, но мне нужна кнопка Удалить для всех объявлений последнее текстовое поле с кнопкой Добавить.

---