dom namespace pollution/lack-of-separation

[eclectic923]

Since input text for github doesn't get properly escaped, I'm using [] instead of angle braces.

I was looking at the source for one of the evergreen test pages.

    [div id="page"]
    [ul id="specs"]
    [div id="footer"]

I noticed that DOM name space wasn't apporopriately segragated from
the templates.

So, when I want to test my application's footer code, using a template...
boom $("#footer") selects the wrong thing. It should be selecting my footer
in the test div, but of course, it isn't because of the conflicting names.

Perhaps prefixing the DOM attribute names with the name of an evergreen
would solve the problem. Selecting one appropriate prefix would avoid a
DOM namespace collisions.

    [div id="pine_page"]
    [ul id="yew_specs"]
    [div id="fir_footer"]