title: change table td border color by assigning class
body: <p>I want to change border colors for certain parts of a table when a button is clicked. It's a bigger project, but I've been able to recreate the problem here -</p>
  
  <p><a href="http://jsfiddle.net/RZ7UP/8/" rel="nofollow">http://jsfiddle.net/RZ7UP/8/</a></p>
  
  <p>CSS:</p>
  
  <pre><code>table, tr, td
  {
      border:1px solid #999;
      padding:8px;
      border-collapse: collapse;
      background-color: #FFF;
  }
  
  /*comment this line out and it works*/
  #div1 table, #div1 td { border-color:White;}
  
  .colorborder{border:1px solid Red}
  ​
  </code></pre>
  
  <p>The css style "table, tr, td" is in a css file used by all pages in the project. However, for this particular page, I don't want the black borders which is why I thought to add the style "#div1 table, #div1 td" (note that specifying "border:none" has the same effect). However, adding that makes the jquery manipulation stop working.</p>
  
  <p>Anyone know what is going on?</p>