onClick addClass to the image you click on
<p>I have a series of images being pulled onto my page from the database. I need to add some sort of style to it when someone clicks on one. The style will only apply to the image you are currently clicking on, and not the others. The script I have highlights every image you click on. Any ideas how to fix that?</p>

<p><strong>PHP (When I pull these images)</strong></p>

<pre><code>$war_list .= '
&lt;span name="fighter"&gt;
    &lt;label for="'.$value["fighter_id"].'"&gt;
        &lt;img src="'.$value["fighter_photo"].'" id="fighter-icon" title="'.$value["fighter_full_name"].'"&gt;
    &lt;/label&gt; &lt;input type="radio" value="'.$value["fighter_id"].'" id="'.$value["fighter_id"].'" name="list"&gt;
&lt;/span&gt;';
</code></pre>

<p><strong>Jquery</strong></p>

<pre><code>$("span[name=fighter]").click(function() {
    var something = $(this).val();
    $(this).find("img").addClass('red');
    alert(something);   
});
</code></pre>

<p>In a nut shell I'm trying to do this: when you click on an image it needs to add a class. When you click on another image it will remove the class of the last image clicked and add it to the one you currently have clicked.</p>
