jquery - クリック時のドロップダウン入力: クリック時にトップ項目に移動できません

Question

アイテムをクリックするとページに移動するドロップダウン入力を作成しました。

<form id="work" action="" method="post">
    <select id="work-list" class="sub-topics" name="work">
    <?php $id = get_the_ID();
    $pages = get_pages(array('child_of' => $id, 'sort_column' => 'menu_order')); 
    foreach($pages as $post) {
    setup_postdata($post);
    $fields = get_fields(); ?>
        <option class="work-dropdown" value="<?php echo the_permalink(); ?>"><?php echo the_title(); ?></option>    
    <?php } wp_reset_query(); ?> 
    </select>           
</form>

Jクエリ:

<script type="text/javascript">
jQuery(document).ready(function( $ ) {
   $('select[name="work"]').change(function(){
        window.location = $(this).val();
    })
});
</script>

現時点では、トップページはドロップダウンの横にチェックが入っているので、クリックしてもページに移動しません。2 番目の項目をクリックすると問題なく動作しますが、一番上の項目が選択されていると思われます。

他のアイテムと同じように一番上のアイテムをクリックできるようにするにはどうすればよいですか?

可能であれば、「ここをクリックしてページを選択してください」などの選択項目を上部に配置することは避けたいと思います。