selectbox 를 검색하기 위해서

워드프레스에서 wp-chosen 플러그인을 받고 설치하고 활성화시켰는데

아래와 같이 사용법이 있더라고요

$(function(){
    $(".chosen-select").chosen();
});

이걸 스크립트. js에 넣고 아래와 같이 editor에 넣었습니다.

<div class="kboard-attr-row">
    <label class="attr-name" for="kboard-input-member-display"><?php echo __('* 선택정보', 'kboard')?></label>
        <div class="attr-value">
                <select name="kboard_option_product" class="chosen-select" id="kboard_option_product" data-placeholder="검색">
                    <option value=""></option>
                    <option value="사과"<?php if($content->option->product == '사과'):?> selected<?php endif?>사과</option>
                            <option value="포도"<?php if($content->option->product == '포도'):?> selected<?php endif?>>포도</option>
                            <option value="바나나"<?php if($content->option->product == '바나나'):?> selected<?php endif?>>바나나</option>                                                                           
                </select>
            </div>
</div>

여기다가 넣었더니.. 검색은 안되고 그냥 selectbox가 되는데 원래 다른 플러그인 적용은 안 되는 건가요?

제가 하고 싶은 건 이겁니다..

http://jsfiddle.net/phpdeveloperrahul/ySdV8/