javascript - jQuery UI switchClass fails under IE8 -

I am trying to use jQuery UI to animate the transition on a form, while the code Works correctly In Firefox and Chrome, there is a javascript error in IE8.

I am using jquery-ui-1.8.2.custom.min.js and given the error:

  Message: 'end.0' zero Is or not an object - line: 819 - four: 6  

My CSS:

  form file {background color: white; Border: None; Padding: 5px; Width: 90%; Hidden flurry; Margin: 0 px; } .formfield selected {background color: mint crim; Border: None; Padding: 5px; Margin: 0 px; Hidden flurry; }  

Javascript:

  $ (document) .ready (function () {$ (": input"). Each (function () {var MyInput = $ (this); if (this.type == 'submit') {return}} myInput.bind ('focusin', function () {$ ('#' + this.id + 'field'). RemoveAttr $ ('#' + This.id + 'field') If style is styled, switch class ('formfield', 'form fielded', 300); $ ('#' + this.id + AddClass ('helpboxviewable') ;}); MyInput.bind ('FocusAut', function ($ {'(' # '+ this.id +' field '). Switchclass (' Formfieldselected ',' formfield ', 300); $ (' # '+ AddClass ('helpboxhidden');});}) ...;}  

and finally an element This code is supposed to work on:

  
 & Lt; / Div & gt;  

get answers.

Turning the jQuery UI under IE can not control the colors referenced by name. Changing the color in their hex code in CSS fixes the problem.