css - jquery apply rgb borders in element -

I want to modify the limit of arrows -element with jQuery, but it will not be Modify
But it works fine with CSS.

HTML & gt; & Gt;

  & lt; Div class = "pointer" & gt; & Lt; div square = "arrow" & gt; & Lt; / Div & gt; & Lt; Div class = "arrow_border" & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 JQUERY & gt; & Gt;  
  $ ('.rowrow_border'). CSS ({'border': 'RGB (0, 0, 0, 0) RGB (RGB (21,9, 0, 219) RGB (0, 0, 0) RGB (0, 0, 0)! Important; } $ $ ('.rowrow_border'). CSS ({'border-color': 'RGB (0, 0, 0) RGB (RGB (219, 0, 219) RGB (0, 0, 0 ) RGB (0, 0, 0)! Important; '});   
 CSS>  
  .rao, .arrow_border { Border-color: RGBA (0, 0, 0, 0) RGB (80, 255, 255) RGBA (0, 0, 0) RGBA (0, 0, 0, 0) border width: 11px border-style: Solid; font-size: 0; left: 50%; line-height: 0; margin: 0 auto; position: absolute ; Top: 0; width: 0; z-index: 1002; left: 0; margin-left: 45%;}