title: Jquery CSS border
body: <p>Alright so I've made a small script that I use to alter the border of a div but it doesnt seem to work</p>
  
  <p>This is my code</p>
  
  <pre><code>function changeBorderType(px, rr, gg, bb) {
          $("#colorBox").css({"border":  px+"px "+ getBorderType() +" rgb("+ rr +","+ gg +","+ bb +");"});
          console.log("border: " + px+"px "+ getBorderType() +" rgb("+ rr +","+ gg +","+ bb +");");
      }
  </code></pre>
  
  <p>Output that  Iam getting from the console.log is correct tho</p>
  
  <blockquote>
    <p>border: 1px solid rgb(231,212,164);</p>
  </blockquote>
  
  <p>But on the page there are no effects at all, the border doesnt change or anything as such.</p>
  
  <p>I also tried inspecting the element to see if there are any changes or so but it seems there aint no changes at all</p>
  
  <p>EDIT: </p>
  
  <p>Just to add up, this is my current CSS (default one)</p>
  
  <pre><code>#colorBox {
      width: 40%;
      height: 80%;
      background-color: rgb(0,0,0);
      display: inline-block;
      margin-top: 20px;
      border: 1px solid rgb(136,104,121);
  }
  </code></pre>