Lo que tengo:

Tengo un div arrastrable con un parámetro revertido establecido como "no válido".

Lo que necesito:

Cuando se produce la reversión, quiero activar un cambio de CSS en otro elemento.

El problema:

"revertir" es un parámetro en lugar de un evento, así que estoy experimentando una gran dificultad para activar el cambio de CSS requerido cuando se produce la reversión.

Mi código:

$('#peg_icon').draggable({
    revert: 'invalid',
    scroll: false,
    stack: "#peg_icon",
    drag: function(event, ui) {
        $('#peg_icon').css('background-image','url(images/peg-icon-when-dragged.png)');
    }
});

Lo que he intentado:

He intentado sin éxito usar "revertir" como un evento:

revert: function(event, ui) {
    $('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
},

También he intentado sin querer que el parámetro revert para tomar esta función:

function(socketObj)
  {
     //if false then no socket object drop occurred.
     if(socketObj === false)
     {
        //revert the peg by returning true
        $('#peg_icon').css('background-image','url(images/peg-icon-default.png)');
        return true;
     }
     else
     {
        //return false so that the peg does not revert
        return false;
     }
  }

Contexto:

Estoy arrastrando un div que cuando se arrastra, la imagen de fondo cambia y, cuando se arrastra, la imagen de fondo se restaura a su estado original.

Mi pregunta:

¿Cómo desencadeno un cambio de CSS a otro elemento cuando ocurre la reversión en un arrastre?