Wyczyść i odśwież listę rozwijaną jQuery Chosen

Próbuję wyczyścić listę rozwijaną jQuery Chosen i odświeżyć ją.

HTML:

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="" selected="selected"></option>
    <option value="x">remove me</option>
</select>

Kiedy klikam przycisk „Odśwież”, powinien to zmienić na:

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="1">test</option>
</select>

Co próbowałem:

$("#refreshgallery").click(function(){
    $('#picturegallery').empty();
    var newOption = $('<option value="1">test</option>');
    $('#picturegallery').append(newOption);
});

Ale nie mogę go zaktualizować na tej liście rozwijanej ... Niektórzy pomagają? :)

questionAnswers(4)

yourAnswerToTheQuestion