Выпадающий список с использованием начальной загрузки дает пустой список

Я смотрел на другие связанные вопросы, но я не смог решить мой запрос. я использую PDO:postgresql-php для получения значений из базы данных и отображения параметров в dropdown используя варианты выбора. Код работал, пока я не использовал bootstrap-selectpicker и с тех пор я не могу видеть значения в раскрывающемся списке. Вы можете увидеть код ниже:

<select class="selectpicker" data-style="btn-info">
<option hidden><h4>Please select the lake</h4></option>
<?php
$sql=$conn->prepare("select colname from public.table where id< 5");
$sql->execute();
if (!$sql) {     die('Could not connect: '); }
while ($row = $sql->fetch()){
echo '<option value="'.htmlspecialchars($row['colname']).'">'.htmlspecialchars($row['colname']).'</option>';
}

?>
</select>
<script>
$(document).ready(function(){
$('.selectpicker').selectpicker(
style: 'btn-info',
size: 4
);

});
</script>

Что мне здесь не хватает?