Add VIP Flag to Opened For on Interaction Records

[marrerocmm]

I'm trying to add a VIP flag (similar to the OOB flag on incident caller) to the "opened for" field on interactions. I'm trying to repurpose the same client script from incident (see below), but am receiving this error "onChange script error: TypeError: $ is not a function function () { [native code] }". Please let me know if there is a better way to go about doing this or any changes you would recommend to my script below, thank you in advance!

function onChange(control, oldValue, newValue, isLoading) {
var callerLabel = $('label.interaction.opened_for');
var callerField = $('sys_display.interaction.opened_for');
if (!callerLabel || !callerField)
return;

if (!newValue) {
callerLabel.setStyle({backgroundImage: ""});
callerField.setStyle({color: ""});
return;
}
g_form.getReference('opened_for', vipCallerCallback);
}

function vipCallerCallback(caller) {
var callerLabel = $('label.interaction.opened_for').down('label');
var callerField = $('sys_display.interaction.opened_for');
if (!callerLabel || !callerField)
return;

//check for VIP status
if (caller.vip == 'true') {
var bgPosition = "95% 55%";
if (document.documentElement.getAttribute('data-doctype') == 'true')
bgPosition = "5% 45%";

callerLabel.setStyle({backgroundImage: "url(images/icons/vip.gif)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });
callerField.setStyle({color: "red"});
} else {
callerLabel.setStyle({backgroundImage: ""});
callerField.setStyle({color: ""});
}
}

[aakash10]

It is working fine in the list view, but to configure the VIP flag in the list view

[aakash10]

I mean to say it is working on the form view, but who to configure in the list view