Showing how javascript indentation can be kind of gross looking, especially when dynamically writing html

jquery_html_generation_try1.js

// try 1
books.forEach(function (book) {
    $('<li/>')
        .html(
            $('<a>')
                .attr('href', 'book.html')
                .append(
                    $('<h2/>').text(book.title)
                )             // this click now applies to the <li>, not 
        ).click(function () { // the <a>, which may be confusing or unclear
            do_something(book);
        }).appendTo('#book-list');
});