If I have:

2. <fieldset>
3.      <legend>Payment Method</legend>
4.      <article name="paymentType" class="paymentType selected" value="<natsPay1>">
5.          <img src="img/light_bulb_on.png" />
6.           <p class="mpOption pull-left">Credit Card</p>
7.       </article>
8.       <article name="paymentType" class="paymentType" value="<natsPay2>">
9.           <img  src="img/light_bulb_off.png" />
10.           <p class="mpOption pull-left">Euro Debit Card</p>
11.       </article>
12.       <article name="paymentType" class="paymentType" value="<natsPay3>">
13.           <img  src="img/light_bulb_off.png" />
14.           <p class="mpOption pull-left">Pay by phone</p>
15.        </article>
16.        <input id="payType" type="hidden" value="" />
17. </fieldset>

You will notice that under each <article> there is an img tag with a graphic of a light bulb turned OFF (except the first/default - where it is ON).

Now, on my CLICK event (tied to the "paymentType" class), how do I set the IMG src to "src=img/lightbulb_off.png" and the one I click on to "src=img/lightbulb_on.png"

I know this is easy, I'm just spacing it.  I tried a number of methods at this point.   I just need to figure out how to do the select aspect.