更优雅的jQuery拼接下拉框方式

在Stack Overflow浏览到一个问题：如何用jQuery更好的拼接下拉框代码？这个小需求在实践中也写过很多次，但是网友提供了一个更优雅的jQuery拼接下拉框方式。

代码如下：

var options = $("#options");
$.each(result, function() {
    options.append($("<option />").val(this.ImageFolderID).text(this.Name));
});

再翻出自己前不久写的（第8-11行）：

//改变模板下拉框
function changeTempalte(scene_id) {
    $.post("/tipsadmin/getAllTemplate", {scene_id: scene_id}, function (data) {
        if (data.length == 0) {
            templateForm['bubble']();
            return false;
        }
        option = '';
        $.each(data, function (id, item) {
            option += '<option value="' + item.id + '">' + item.name + '</option>';
        });
        $("#template_id").html(option);
        //默认展示第一个模板
        previewTemplate(data[0].id);
    }, 'json');
}

用的拼接字符串的写法，对比一下，代码明显不够优雅！