изменения фона HTML этикетки с помощью JQuery

Question

<div id="lifecycleStage"> 
<div id="private2"> 
    <input type="radio" name="lifecyclePrivate" value="preliminary"   id="preliminary"/>  <label for="preliminary">Preliminary</label> 
    <input type="radio" name="lifecyclePrivate" value="prelist"    id="prelist"/>   <label for="prelist">Prelist</label>    
    <input type="radio" name="lifecyclePrivate" value="retired"    id="retired"/>   <label for="retired">Retired</label> <br>   
    <input type="radio" name="lifecyclePrivate" value="internal product" id="internalProduct"/> <label for="internalProduct">Internal Product</label> 
    <input type="radio" name="lifecyclePrivate" value="reference nop"  id="referenceNOP"/>  <label for="referenceNOP">Reference NOP</label>  
</div> 
<div id="public"> 
    <input type="radio" name="lifecyclePublic" value="listed"    id="listed"/>   <label for="listed">Listed ................</label>    
    <input type="radio" name="lifecyclePublic" value="approaching op"  id="approachingOP"/> <label for="approachingOP">Approaching OP</label>  
    <input type="radio" name="lifecyclePublic" value="no longer available" id="noLongerAvailable"/><label for="noLongerAvailable">No Longer Available</label> 
</div> 

То, что я хотел бы, чтобы изменить фон выбранных этикеток на другой «уникальный» цвет. Например, когда выбран предикат, он имеет синий фон, но при выборе выхода на пенсию он имеет черный фон.

любые советы и подсказки, высоко оцененные!

Answer 1

Зачем использовать JQuery? Просто используйте CSS:

label { 
    background-color: #000; 
} 

input[type=radio]:checked + label { 
    background-color: #00f; 
} 

JS Fiddle demo.

Answer 2

$('label').on('click',function() { 
    $('label').removeClass('active'); 
    $(this).addClass('active'); 
}); 

демо: http://jsfiddle.net/hpU6k/