Using jQuery to change style of clicked element and removing that style from other elements with same class
<p><strong>EDIT: fixed it! Thanks to those who said to post my HTML - I looked at it, and didn't realize that I had the "appname" class twice.</strong></p>

<pre><code>&lt;li class="&lt;?php echo $apid; ?&gt; appname appname_getinfo appname_&lt;?php echo $apid; ?&gt;"&gt;
       &lt;span class="appname"&gt;&lt;?php echo $apname; ?&gt;&lt;/span&gt;
&lt;/li&gt;
</code></pre>

<p><strong>So, I removed the "" and it works!</strong></p>

<p>Say that I have three elements with a class:</p>

<p>EL ONE</p>

<p>EL TWO</p>

<p>EL THREE</p>

<p>When I click on EL ONE, I would like to make it bold. When I click on EL TWO, it should become bold and EL ONE should become normal weight. When I click on EL THREE next, it should become bold and EL TWO becomes normal weight.</p>

<p>MY SCRIPT:</p>

<pre><code>//// app info ////
$("li.appname_getinfo").click(function(){

    var appID = this.className.split(' ')[0];
    $.get("wishlist/appinfo.php?pw=R32kd63DL&amp;apid=" + appID, function(data){                                
        $("div#appinfo").html(data);                            
    });

    $("div#appinfo").show();

    $(".appname").css("font-weight", "normal");
    $(this).css("font-weight", "bold");


});
</code></pre>

<p>I thought that I could set all with class "appname" to normal, then change $(this) to bold, but it doesn't work. (it disallows any to be bold).</p>
