Yes Keith:
Corrected JSFiddle here:
I did see this as well on SO:
"second common class"
Sometimes you do not have access to the underlying code you may only make changes after the page has loaded. For example the "default web page" is generated by Angular, and whatever tags are there - thats what you have to work with.
Additionally I have been working with an application that I can access the underlying data. The data is in JSON format, and my hook into it is basically a text area where I can paste Javascript or jQuery. The application only executes this code when the page is ready.
I mention this because I have added "dummy classes" so I know which part of the code executed to produce that aspect of the page.
So if "Field 100 and subfield a" produced a single line of html output, then the code I write would have something like:
<div class="field_100 subfield_a">Some text from JSON data here as it related to Field 100 and Subfield a</div>
There exist literally 100's of fields.
This makes it incredibly easy to navigate to the portion of "my code" that might need an update in some way.
This is on top of debugging via dev tools.
Jim