title: Border-color not working in IE
body: <p>I've tried as long as I could to solve this problem before posting but I just can't get it to work.</p>
  
  <p>I have a button for deleting a table row that asks for confirmation before deleting it and highlights the row with a red background/border. In Chrome and Firefox this works as it should but not in IE, the background works but the border-top/bottom don't change color.</p>
  
  <p>When changing the border-color property beforehand it works, so I think the problem is in the jquery css function. </p>
  
  <p>In JSFiddle I created a small example of this problem and in IE it didnt work and in Firefox/Chrome it did, then I saw a topic where they said add the border to the td. I did this and in Chrome the border stopped working on the td, and in IE the border started working on the opposite element of the td. </p>
  
  <p><a href="https://jsfiddle.net/3fere8bj/2/" rel="nofollow" title="JSFiddle">JSFiddle</a></p>
  
  <pre><code>&lt;table width='100%' style='border-collapse:collapse;'&gt;
      &lt;tr style="border-top:1px solid #DDDED9; border-bottom:1px solid #DDDED9" class='tr'&gt;
          &lt;td&gt;test&lt;/td&gt;
          &lt;td&gt;test&lt;/td&gt;
          &lt;td&gt;test&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;p&gt;
      &lt;button class='button'&gt;Click&lt;/button&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.button').on('click', function(){
      $('.tr').css('border-top-color', 'red');
      $('.tr').find('td').css('border-bottom-color', 'red');
  });
  </code></pre>
  
  <p>If someone could help me with a working solution in all three browser that would be great.</p>