Поиск / фильтрация массива

У меня вопрос. На моем сайте (на основе бетона 5) у меня есть блок для отображения списка значков. У меня есть этот массив. (Массив имеет гораздо больше значков, чем я показал, это только для примера.)

    <?php  $options = array(
'icon-adjust' => 'Icon Adjust',
'icon-adjustments' => 'Icon Adjustments',
'icon-adn' => 'Icon Adn',
'icon-alarmclock' => 'Icon Alarmclock',
'icon-align-center' => 'Icon Align-center',
'icon-align-justify' => 'Icon Align-justify',
'icon-align-left' => 'Icon Align-left',
'icon-align-right' => 'Icon Align-right',
'icon-ambulance' => 'Icon Ambulance',
'icon-anchor' => 'Icon Anchor',
'icon-anchor2' => 'Icon Anchor2',
);
?>

Я хочу изменить окно поиска, чтобы пользователь мог что-то ввести, чтобы отфильтровать результаты в массиве. (Пример: если они будут искать якорь, они увидят два поля значков-якорей).

Может кто-нибудь помочь мне с этим?

Вот мой код для дальнейшего использования:

    <script>
$('input[name=fromPages]').select2({
placeholder: "<?=t('Search for a Page')?>",
minimumInputLength: 1,
width: '100%',
multiple: true,
ajax: {
url: "<?=$view->action('load_pages')?>",
dataType: 'json',
quietMillis: 250,
data: function (term, page) {
return {
q: term
};
},
results: function (data, page) { // parse the results into the format expected by Select2.
var results = [];
$.each(data, function(i, concretePage) {
results.push({'id': concretePage.id, 'text': concretePage.name});
});
return {
results: results
};
},
cache: true
}
});
</script>

И для поля выбора:

<div class="form-group">
<?php echo $form->label('fromPages', 'Search for an Icon')?>
<div>
<?php echo $form->hidden('fromPages'); ?>
</div>
</div>

и изображение: (верхнее окно поиска будет фильтровать результаты из открытого списка)
http://i.imgur.com/Ksrb7iQ.png?1