title: Overriding css with jquery/javascript
body: <p>I have a table whose border is set as 1px solid silver from an external style sheet(some .css file). I have no control over this file.</p>
  
  <p>This is the css:
  my_table tbody td { 
  font: 8.5pt verdana, sans-serif;
  border-top: solid 1px silver;
  border-bottom: solid 1px silver;
  overflow: hidden;
  padding: 0px 3px 0px 2px;
  } </p>
  
  <p>Now I want to change the border color of the last row in the table to black. Im trying to use the following jQuery statement for this.</p>
  
  <pre><code>$('#table_1 tr:last').css('border', '1px solid black');
  </code></pre>
  
  <p>But this does not seem to work. 
  How can I do this with JQuery/JavaScript?</p>