Im using Autocomplete in my .js

i've added some properties to the source (like p which is a Class array - myClass[])

i want to be able to return this class as well as the  realValue to the modelAction (using MVC)

but the class comes empty.

please help :)

Class example  

2. public class Service 
3.     {
4.         public string name { get; set; }   
5.         public ServiceProblem[] problems { get; set; }
6.     }

my .cshtml:

1.  @Html.AutocompleteFor(Url.Action("AutoCompleteServiceProviders", "Create"), true, "ex. Shower", c => c.name, c => c.problems)

my .js file

2. $(element).autocomplete({
3.             minLength: 2,
4.             source: function (request, response) {
5.                 $.ajax({
6.                     url: requestUrl,
7.                     dataType: "json",
8.                     data: { query: request.term },
9.                     success: function (data) {
10.                         response($.map(data, function (item) {
11.                             return {
12.                                 label: item.Label,
13.                                 value: item.Label,
14.                                 p: item.p,
15.                                 realValue: item.Value
16.                             };
17.                         }));
18.                     },
19.                 });
20.             },
21.             select: function (event, ui) {
22.                 var hiddenFieldName = $(this).attr('data-value-name'); // => name
23.                 $('#'+hiddenFieldName).val(ui.item.realValue);
24.                 $('#problems').val(ui.item.p);
25.             }
26.         });