I am working on a asp.net mvc-5 project. I have following c# model:

```
public class Settings
{
    public int Id { get; set; }

    public string Name { get; set; }

    public string Value { get; set; }

    public int ParentId { get; set; }

    public List<Settings> SubSettings { get; set; }
}

```

I am rendering this model on razor view by using EditorTemplates as explained [here](https://stackoverflow.com/questions/11234771/create-a-form-from-a-recursive-model). Now i want to add remove Settings node dynamically like:

![enter image description here](https://i.stack.imgur.com/TVbHq.png)

When we click on red button the element should get deleted *(which is quite simple and i already implemented it)* and when we click on green button the node should get added to its appropriate place *(here i want your help)*.

The node should added is such a way that default model binder can map it to its right place, can anyone please explain me how can i do this?