Bind value in model from dynamic list

See more:

ASP.NET

MVC

I stucked in proper way of binding value. Suppose I have model:

public class PersonViewModel
    {
        public int CityID { get; set; }
        public List<City> CityList { get; set; }

        public int PersonID { get; set; }
        public string Name { get; set; }
        public string SureName { get; set; }
    }

In view for this model I want to have button when on click modal will pop up, or list show up with list of possible person. When I choose any row fields from model should fill :

public int PersonID { get; set; }
public string Name { get; set; }
public string SureName { get; set; }

Everything should work with ajax. For now I have idea do fill some "div" with list of Persons with ajax method, and after select row fill fields with value by jquery like

$('#PersonID').val($('#selected_PersonID').val())

But this apporach is not elegant.

Question is, how to bind model value from dynamically populated list?