jQuery selector trouble
<p>I have a bunch of smilies in a page, which on click has to be selected. I tried implementing a jquery based solution but am stuck at this stage, where multiple smilies are getting selected : </p>

<pre><code>&lt;div class="smiles_feed"&gt;
    &lt;input type="text" id="rating" value="" name="rating" class="displaynone" /&gt;
    &lt;div style="float:left;width:auto;text-align:Center;"&gt;
        &lt;button type="button" class="awesomesmile" class="unselected" value="Awesome" style="margin-bottom:0px;"&gt;&lt;/button&gt;
        &lt;div class="smiletitle" style="font-size:9pt;color:white;"&gt;Yummy!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style="float:left;width:auto;text-align:Center;"&gt;
        &lt;button type="button" class="goodsmile" class="unselected" value="Good" style="margin-bottom:0px;"&gt;&lt;/button&gt;
        &lt;div class="smiletitle" style="font-size:9pt;color:white;"&gt;Good!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style="float:left;width:auto;text-align:Center;"&gt;
        &lt;button type="button" class="okaysmile" class="unselected" value="Okay" style="margin-bottom:0px;"&gt;&lt;/button&gt;
        &lt;div class="smiletitle" style="font-size:9pt;color:white;"&gt;Okay!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style="float:left;width:auto;text-align:Center;"&gt;
        &lt;button type="button" class="yucksmile" class="unselected" value="Yuck" style="margin-bottom:0px;"&gt;&lt;/button&gt;
        &lt;div class="smiletitle" style="font-size:9pt;color:white;"&gt;Yuck!&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script type='text/javascript'&gt;
    $(function(){
        // Smile Click Function
        $('div.smiles_feed :button').click(function(){
            $(this).removeClass('unselected').addClass('selected');
            $(this).siblings().removeClass('selected').addClass('unselected');
            $('#rating').val($(this).val());
            //alert($('#rating').val());
        });
    });
&lt;/script&gt;
</code></pre>

<p>What am I doing wrong? How do I change the javascript function to make it select only one smiley?</p>
