How to iterate through nested objects in JS

Question

Ok I\'m stumped on this one. I need to iterate through these so I can make a listing by the category so something like

Business Books

Book 1

Answer 1

Looping with .each() is pretty easy:

$.each(window.books, function(category, books) {                                    
    $("#books").append("
" + category + "
");                              
    $.each(books, function(i, book) {                                               
        $("#books").append("
" + book.Title + ": " + book.Description + "
");
    });                                                                             
    $("#books").append("
");                                                    
});                      

here is my jsFiddle