Ajax异步动态加载select中的option中内容为空白

$.ajax({
                url:'/Manager/video/getCategoryByPid/'+opVal
                ,success:function (data) {
                    alert(data[0].categoryName);
                    //2.遍历json数组
                    for (var i=0;i<data.length;i++){
                        var option = ' <option value="'+data[i].id+'"> ' +data[i].categoryName+'  </option>'
                        category.append(option);
                    }
                    /**
                     * 有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。
                     * 虽然我们没有双向绑定机制（因为我们叫经典模块化框架，偷笑.gif） 但没有关系，你只需要执行 form.render(type, filter); 方法即可
                     * form.render(); //更新全部
                     */
                    form.render();
                }
            })

var option拼接的时候要注意 格式：最外面是单引号'' 里面真实数据外面双引号 value="    ' +data[i].id  + ' "