Need to create unique image selectable function in jquery
<p>I have try with toggle function in jquyer but its not working for multiple LI and I tried with the selectable function not working.</p>

<p>Need to create unique image selectable function in jquery. I have many li with inside image on click on image li will get background color. suppose I click on other li image that should get background and other should be default color its like switch selection (radio button).</p>

<pre><code>&lt;ul&gt;&lt;li class="ui-widget-content ui-corner-tr ui-draggable"&gt;  
        &lt;fb:profile-pic height="32" width="32" linked="false" uid="557103888" 
             style="width: 32px; height: 32px;" class=" fb_profile_pic_rendered"&gt;  
            &lt;img class="" style="width: 32px; height: 32px;" title="some name" 
                 alt="some name" src="files/t557103228_5135.jpg"&gt;  
        &lt;/fb:profile-pic&gt; 
    &lt;/li&gt;
    &lt;li class="ui-widget-content ui-corner-tr ui-draggable"&gt;  
        &lt;fb:profile-pic height="32" width="32" linked="false" uid="557103887" 
              style="width: 32px; height: 32px;" class=" fb_profile_pic_rendered"&gt;  
            &lt;img class="" style="width: 32px; height: 32px;" title="some name" 
                     alt="some name" src="files/t557103228_5135.jpg"&gt;  
        &lt;/fb:profile-pic&gt; 
    &lt;/li&gt;
    &lt;li class="ui-widget-content ui-corner-tr ui-draggable"&gt;  
        &lt;fb:profile-pic height="32" width="32" linked="false" uid="557103886" 
              style="width: 32px; height: 32px;" class=" fb_profile_pic_rendered"&gt;  
            &lt;img class="" style="width: 32px; height: 32px;" title="some name" 
                     alt="some name" src="files/t557103228_5135.jpg"&gt;  
        &lt;/fb:profile-pic&gt; 
    &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>
