无法创建选择性下拉列表

Question

我正在尝试创建selectize下拉列表，但它似乎不起作用，并且根本不会在控制台中抛出任何错误。 这是JS：

var selectizeVals=[
 { code:"f", name:"foo"},
 { code:"b", name:"bar"}
];

$('#demo-selectize').selectize({
    labelField: 'name',
    valueField: 'name',
    searchField: 'name',
    options: selectizeVals,
    render: {
    item: function(item, escape) {
        return "<div>" + escape(item.name) + "</div>";
    },
    option: function(item, escape) {
        return "<div>" + escape(item.name) + "</div>";
    }
},
});

这是HTML：

<div class="container">
  <select id="demo-selectize" name="demo-selectize" placeholder="Select an item">
  </select>
  <div id="result"></div>
</div>

我在head标记的代码中添加了jQuery.js，selectize.js和默认的selectize.css。这些值不会附加到选择下拉列表中 - 只有一个空的选择标记在html上呈现。我在这里缺少什么？