Razor Views и Javascript: добавление к multiSelect не работает ⇐ Jquery

[Anonymous]

Я пытаюсь добавить параметры в multiSelect. Но данные не отражаются в пользовательском интерфейсе.
Однако я вижу изменения в DOM с помощью инструментов разработки Chrome.
@Html.DropDownListFor(model => model.ProductAndServices,
Model.ProductsAndServices.Select(item => new SelectListItem
{
Value = item.Key.ToString(),
Text = item.Value,
Selected = item.Key == Model.ProductId,
}), htmlAttributes: new { @class = "form-control input-fields-normal dropdown-ie multiSelect", @id = "productAndServicesDDL", @multiple = "multiple", @placeHolder = "Select Products and Services", style = "width:300px; height:300px;" })

$(function () {
$('#productAndServicesDDL').change(function () {

}).multipleSelect({
width: '100%'
});
});

Я пытаюсь сделать следующее:
var option = $('')
.attr('value', 199)
.text('Any Service XYZ')
.prop('selected', true);

Пытаюсь добавить параметры
$('#productAndServicesDDL').append(option).change()


Когда я пытаюсь использовать следующее, у элемента multiSelect возникают проблемы с выравниванием
$('#productAndServicesDDL').multiselect('refresh');


Подробнее здесь: https://stackoverflow.com/questions/779 ... ot-working