使用把手填充选择框

Question

我正在使用Handlebars js来尝试填充选择框，但它永远不会将json对象放入框中。

我的JSON：

{
    "d": [{
        "__type": "Admin_Webhook+Color",
        "ColorID": 1,
        "ColorName": "Red"
    }, {
        "__type": "Admin_Webhook+Color",
        "ColorID": 2,
        "ColorName": "Yellow"
    }, {
        "__type": "Admin_Webhook+Color",
        "ColorID": 3,
        "ColorName": "Blue"
    }]
}

我的HB模板：

<div class="option-static">
    <div>Colors:</div>
    <select size="10">
        <option value="0">-Add New Color-</option>
        {{#each d}}
        <option value="{{ColorID}}">{{ColorName}}</option>
        {{/each}}
    </select>
    <input type="submit" onclick="RemoveColor()" value="Remove Color" />
</div>

我的追加：

function BindColorList() {
    console.log("Page bound");
    var source = $("#HB-ColorTemplate").html();
    var template = Handlebars.compile(source);
    var html = template();
    $("#ColorTemp").append(html);
}

它创建了包含带有-Add New Color的选择框的html，但对json没有任何作用。