change divs background on click of radio button
<p>I have 4 radio buttons, each is enclosed in a div seperately.
In jQuery, I want to click a radio button and have the color of related div change.
When I click 2nd radio button, the previous div's color should restored and the 
newlyclicked radio buttons div color should changed.<br>
when i click a radio butoon all divs colors changed i want only 
selected to be changed </p>

<pre><code>$('input:[name=pid]:radio').click(function () {
$(".column-title").css("background", "gray"); 

 below is the html of one div.
 &lt;th&gt;&lt;h3 class="column-title" style="height:60px; width:130px; background:#999; border-top-left-radius:10px;border-top-right-radius:10px; margin:0px; padding-top: 13px;"&gt;
&lt;div style="color:#FFF; font-size:20px; font-weight:bold; padding-top:15px;"&gt;&lt;?=$arr['Deluxe']['title']?&gt;&lt;/div&gt;
&lt;/h3&gt;

&lt;div style="font-size:19px; float:left;padding: 27px 0 0; margin:0px;width:129px; border-right:1px solid #999"&gt;
&lt;input type="radio" value="&lt;?=($arr['Deluxe']['id'])?&gt;" name="pid" Checked/&gt;

&lt;div class="new"&gt;&lt;?php echo $arr['Deluxe']['price'].'/mon'; ?&gt;&lt;/div&gt;

&lt;div style="font-size:12px; font-weight:normal;"&gt;after your trial&lt;/div&gt;

&lt;/div&gt;
&lt;/th&gt;
</code></pre>
