Динамически установить значение в seletpiker, используя jquery и Ajax

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

Я использую Ajax для получения значения из базы данных.
Это хорошо работает. Я получаю данные ответа от моего контроллера.
Теперь проблема в том, что я не могу установить значение на selectpiker.
Я получаю название города в Ajax Response.

Я пробовал Некоторый Пример, но не работал.

Вот код Ajax.

    $.ajax({
type: "GET",
url: urlForGetCityList,
dataType: 'Json',
success: function(response){
console.log(response.cityName);

// This is What i Tried For getting SeletBox Selected.
var $select = $('#city');
$select.val(response.city).trigger('change');

// I have also Tried Some Selct2 Option for it. But it didn't work.
$("#city").select2("val", response.city);

// And at Last I have tried for like simple select box.
$("#city").val(response.city);

});

Ничто из этого не работает должным образом.
Вот HTML-код Selectpiker.

<div class="col-md-4">
<div class="form-group">
<label for="field-3" class="control-label">City *</label>
<select class="selectpicker" data-live-search="true" data-style="btn-white" name="city" id="city"title="Select City">
<option value="city1">City 1</option>
<option value="city2">City 2</option>
</select>
</div>
</div>