How I can convert my json data to html?
<p><strong>I have get</strong></p>

<pre><code>$.getJSON('ajax/ajax-test.php', function( data ) {
    ....
});
</code></pre>

<p><strong>json data I am trying view</strong>:</p>

<pre><code>{
    "1": {
        "section":"painting",
        "category": {
            "1":"african",
            "2":"modern art"
        }
    },
    "2": {
        "section":"antiques",
        "category": { "3":"ikons" }
    }
}
</code></pre>

<p>How I can convert my json data to html to look like:</p>

<p><strong>painting</strong><br>
  african<br>
  modern art</p>

<p><strong>antiques</strong><br>
  ikons</p>

<p>I tried</p>

<pre><code>$.each(data, function(i, section_obj){
 $.each(section_obj, function(section, category_arr){
    content += category_arr+'&lt;br /&gt;';
});
</code></pre>

<p>and</p>

<pre><code>$.getJSON('ajax/ajax-test.php, function( data ) {
var content = '';
    $.each(data, function(i, section_obj) {
   $.each(section_obj, function(section, section_name) {
    content += section_name+'&lt;br /&gt;';
            $.each(section_obj.category, function(category, category_arr){
               content += category_arr+'&lt;br /&gt;';
            });
   });
  });
  $('#content-test').empty().append(content).css({ 'display':'block' }).show('slow');
});
</code></pre>

<p>but it not working!</p>
