javascript - 動的に作成されたドロップダウンにChosen.jsを適用する

Question

ドロップダウンでプラグインを使用する際に問題が発生していchosen.jsます。ここには関連する質問がいくつかありますが、コードには問題がありません。

動的に作成され、入力されたselect要素が 4 つあります。

var dropdownArray = [];

function initDropdown() {

var id = "list";
var classy= "chzn-select";
var html = "";

for ( var idcount = 0; idcount < 4; idcount++) {
    var dropdownHTML = "<select class=\""+classy+"\" id=\"" + id
            + "\" onchange= selectfunc(this) >" +

            "<option selected=\"selected\">Make Selection... </option>" +

            "</select>";

    dropdownArray.push(id);
    html += dropdownHTML;
    id += "0";
}

$("#dropdowns").html(html);
$(".chzn-select").chosen();
};

Chosen.jsこの行を使用して、クラス名で要素に適用しようとしましたchzn-select:

$(".chzn-select").chosen();

しかし、私はエラーが発生しています:

Uncaught TypeError: Object #<Object> has no method 'chosen' .

乱雑なコードで申し訳ありませんが、私はこれが初めてです。

どんな助けでも大歓迎です。