title: Adding a pseudo style from jquery
body: <p>Am having a trouble with following code. The problem when adding the following style from jquery.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>  .arrow_box {
  position: absolute;
  width: 24px;
  border-radius: 30px 30px 3px 3px;
  height: 17px;
  float:left;
   }
  .arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #88b7d5;
  border-width: 14px;
  left: 0%;
   }
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $('.arrow_box:after').css({
          "border-color": "red",
              "border-top-color": " #88b7d5",
              "border-width": "12px",
              "left": "0%"
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>There will not have any jquery error but it is not working </p>