jQuery 와 XE 충돌

지금 레이아웃만들면서 함수를 쓸일이많아졌는데요 (제가 직접 코딩한건아님)

var $width = $('#width');
var $sample = $('#sample');

$width.on('input', function() {
    $sample.width($width.val()); 
});
 

위가 jQuery 가맞는지도 확실치않습니다만, 어쨌든 js 파일에 집어넣었습니다.

그런데, 작동을 하지 않네요.

테스트사이트는 http://lifeto.cafe24.com/xe/request#

들어가신후, 왼쪽 설정패널을 누르시면 보이는 슬라이더가 이것입니다.

슬라이더를 오른쪽으로 드래그해 움직이면 밑에있는 빨간색 레이어가 길어져야 정상작동하는 것인데,

현재 작동하지 않네요.

소스를 어떻게 수정해야 제대로 작동을 할까요?

질문드립니다.