Печать сложного HTML с jQuery

Question

Я долгое время занимался относительно простой задачей преобразования объекта javascript и его печати на странице. Однако ничего не появляется. Может ли кто-нибудь выявить какие-либо очевидные недостатки?

<script> 
$(document).ready(function() { 
    $('#some_div').html(render_lists()); 
}); 

    function render_lists(){ 
var data = { 
    "1": { 
     "title": "Top 10", 
     "0": "Number one", 
     "1": "Number two" 
    } 
}; 
      var result_html = ''; 
      result_html+='<div class="row">'; 
      var i = 1; 
      for(entry in data){ 
       result_html+='<div class="four columns" id="pane"'+i+'" style="display:none;"><div class="panel">'; 
       result_html+='<p>'+data[entry].title+'</p>'; 
       result_html+='</div><div class="box"><table width="100%">'; 
       delete data[entry].title; 
       for(key in data[entry]){ 
        result_html+='<tr><td>'+data[entry][key]+'</td></tr>'; 
       } 
       result_html+='</table></div></div></div>'; 
       i++; 
      } 
      return result_html; 
    } 

</script> 

Answer 1

Ваш код работает, это просто, что у вас есть DIV спрятано.

http://jsfiddle.net/5AyAd/

for(entry in data){ 
    result_html+='<div class="four columns" id="pane"'+i+'" style="display:none;"><div class="panel">'; 

Answer 2

Измените .html (render_lists()) в .append (render_lists())