$(document).ready(function() {
    $('#content-main-cell h1').addClass('index-title');
        $('.index-title').after('&lt;div class="mds-logo"&gt;' +
            '&lt;img src="http://marines.mil/unit/marforres/4thMarDiv/23rdMar/1stBn/img/battalion-logo.jpg"/&gt;' + 
            '&lt;/div&gt;');
});


How to correctly format multiline html using the .after function jQuery?
I think the title says it all. Let's say you're mastering a game without the benefit of miniatures, maps, or any kind of physical representation of the environment. How would you keep track of details like line-of-sight, ranged attack viability, and all the other small nuances which go with creating a "believable-enough" environment in which your PCs live and thrive?

(I admit that @LoganMacRae, who is my own DM, is an inspiration for this question. He does this with panache, and in my one-off, I feel like I have some mighty big shoes to fill!)
