Event handler error after adding JavaScript

Hi,

I just started out using Edge Animate and I tried adding the script below (found here How to make scale-to-fit compositions with Adobe Edge Animate - YouTube) to make my animation scale in a responsive design. However, when I add the code the console prompts "Javascript error in event handler! Event Type = element" as soon long as the bottom resize and ready functions are included. If I remove them and replace them with a line just calling the scaleStage function the error message is removed but it still doesn't resize the stage.

Any idea what might be wrong?

var stageHeight = sym.$("Stage").height();

sym.$("Stage").css({

  "-moz-transform-origin": "0 0",

  "-ms-transform-origin": "0 0",

  "-webkit-transform-origin": "0 0",

  "transform-origin": "0 0"

});

function scaleStage() {

  var stage = sym.$("Stage");

  var parent = sym.$("Stage").parent();

  var parentWidth = stage.parent().width();

  var stageWidth = stage.width();

  var desiredWidth = Math.round(parentWidth * 1);

  var rescale = (desiredWidth / stageWidth);

  stage.css('-moz-transform', 'scale(' + rescale + ')');

  stage.css('-ms-transform', 'scale(' + rescale + ')');

  stage.css('-webkit-transform', 'scale(' + rescale + ')');

  stage.css('transform', 'scale(' + rescale + ')');

  parent.height(stageHeight * rescale);

}

$(window).on('resize', function (){

  scaleStage();

});

$(document).ready(function() {

  scaleStage();

});