Javascript 如何在ajax请求中将JSON呈现为HTML？

我正在使用jinjia作为模板构建一个网站，我有如下HTML：

<ul>
    <li class='a'>a1</li>
    <li class='b'>b1</li>
</ul>

<ul>
    <li class='a'>a2</li>
    <li class='b'>b2</li>
</ul>

data: [
    {
        'a': 'a3',
        'b': 'b3'
    },
    {
        'a': 'a4',
        'b': 'b4'
    }
]

我期望的结果是：

<ul>
    <li class='a'>a3</li>
    <li class='b'>b3</li>
</ul>

<ul>
    <li class='a'>a4</li>
    <li class='b'>b4</li>
</ul>

---

页面中有很多ul标签，如何使用jQuery或javascript进行更新

使用类似以下内容：

$.each(data, function(i,v){
 $("div#selectedDiv").html("<ul></ul>")
 $.each(v, function(key,val){
    $("div#selectedDiv ul").html("<li class='"+key+"'>"+val+"</li>")
 })
});