title: jquery .css("border-color") does not return anything
body: <p>I wrote the following jquery javascript stuff</p>
  
  <pre><code>$(document).mousemove(function(event) {
      var element = event.target;
      $(element).css("border","black solid 1px");
  });
  
  $(document).mouseout(function(event) {
      var element = event.target;
      console.log( "1 = "$(element).css("border-color") )
      $(element).css("border","0px");
      console.log( "2 = " + $(element).css("border-color") )
  });
  </code></pre>
  
  <p>It basicly draws a frame around a hovered element. When running this in chrome the output of <code>console.log( "1 = "$(element).css("border-color") )</code> is "" i.e. nothing. The same is true for <code>console.log( "2 = "$(element).css("border-color") )</code>. But I'd expect black. I also tried <code>borderColor</code> which does not work either. </p>
  
  <p>Anyway when hovering an element a frame is drawn around this element as I would expect. Why then does the output give nothing in return?</p>