Primefaces+manipular css dinamicamente

Pessoal gostaria de mudar o valor de uma propriedade css do componente: p:selectBooleanButton, porem não estou conseguindo, abaixo segue meu codigo:

 <p:selectBooleanButton id="led1" value="#{gerenciamentoDispositivosMB.led1}" onLabel="" offLabel="" style="height: 24px;width: 24px; background-repeat: no-     repeat;background-image:url('/SimuladorSigre/img/bt_red_24x24.gif');border: none">
          <p:ajax listener="#{gerenciamentoDispositivosMB.verificaLed(gerenciamentoDispositivosMB.led1)}" oncomplete="gerenciaLeds(xhr, status, args);"/>  
 </p:selectBooleanButton>

quero mudar o valor: [quote]background-image:url(’/SimuladorSigre/img/bt_red_24x24.gif’)[/quote]
para: background-image:url('/SimuladorSigre/img/bt_verde_24x24.gif')

usando o seguinte codigo js;

function ledOn(led){
                $("#led1").css("background-image", "url('/SimuladorSigre/img/bt_verde_24x24.gif')");
            }
            function ledOff(led){
                $("#led1").css("background-image", "url('/SimuladorSigre/img/bt_red_24x24.gif')");
            }

porem não esta mudando, alguem sabe porque?