可维护的jQuery插入大量HTML数据

Question

目前，我的jquery HTML追加（它在循环中）如下所示：

$.each(query,function(i)
{
    var clone = "<li><div id='grid'><img src='"+query[i].co+"'><div id='information'><div id='descr'>"+query[i].co_short+"</div><div id='rat'><a href='"+query[i].core+"'>"+query[i].asc+"</a><a href=''>+</a></div><a href='?action"+query[i].id+"'><div id='title'>"+query[i].desc+"</div><div id='year'>("+query[i].ass+")</div></a></div></div></li>";
    $('#list').append(clone);
});

正如你所看到的，它只是一个笨重的混乱。我正在寻找一个更加优雅和可维护的解决方案，所以如果你有想法，请分享。