jquery动态向div内追加ul和li

需要达到动态的追加ul li节点，外层循环控制ul标签对个数，内层循环控制当前ul标签内li标签对个数 

jquery关键代码：

$("#button2").click(function(){
    $("#div1").empty();//每次点击，请div内容清空，但是不删除当前div节点
    for(var i=0 ;i<2;i++){
      var u = $("#div1").append("

");//外层循环添加ul到div内，且赋予了一个变量
       for(var j=0;j<3;j++){         
             u.append("
• "+i+","+j+"
");//内层循环追加li
       }   
      $("#div1").append("

");        //外层循环添加ul结束标志到div内

 }

页面内容关键代码如下：

This is some text in the div.

This is a paragraph in the div.

This is another paragraph in the div.

添加 div 元素