Modifying all element in a class with js
<p>I am trying to hide/show a class of elements in a form depending on a drop-down menu choice made by the user.  See: <a href="http://jsfiddle.net/3FmHK/2/" rel="nofollow">http://jsfiddle.net/3FmHK/2/</a></p>

<p>I am new to js and have two problems, so maybe they are obvious, bear with me. </p>

<p>1) I am modifying by the div id, so only the first element changes (and not in this fiddle for some reason, but it does in the project).  However I want all the elements of a class to modify and I haven't been able to make that work.  So how do I modify the style="display" for an entire class, rather than a single element?</p>

<p>2)  The remove does not work for newly added element, when the form is returned with values in the project, they are removable.  Using firebug, the code looks identical for the GET return generated elements vs the user added elements, as far as I can tell.  Why does the remove function not work for newly added elements?</p>
