title: JQuery Adds Class but no visual change
body: <p>My JQuery code adds class to the html but I'm not seeing any visual change, does anyone know why? I'm using DevExpress, Webforms.</p>
  
  <pre><code>.BoldRed {
      font-weight:bold;
      color:red;
  }
  
  function onTextBoxInit(s, e) {
      if (s.GetText().indexOf('1') &gt; -1)
          $(s.GetInputElement()).addClass("BoldRed");
      else
          $(s.GetInputElement()).removeClass("BoldRed");
  }
  </code></pre>
  
  <p>The actual output:</p>
  
  <pre><code>&lt;input class="dxeEditArea_DevEx dxeEditAreaSys BoldRed" name="ctl00$ctl00$ASPxSplitter1$Content$ContentSplitter$MainContent$ASPxCallbackPanel1$ASPxFormLayout3$ASPxFormLayout3_E1" value="106971" id="ASPxFormLayout3_E1_I" onchange="aspxEValueChanged('ASPxFormLayout3_E1')" onblur="aspxELostFocus('ASPxFormLayout3_E1')" onfocus="aspxEGotFocus('ASPxFormLayout3_E1')" type="text" readonly="readonly" style="background-color: rgb(192, 224, 206);font-weight: bold;      color:red;"&gt;
  </code></pre>