title: jQuery animate border color on hover?
body: <p>Using a <a href="http://plugins.jquery.com/project/color" rel="noreferrer">color plugin</a> to animate background color on hover.</p>
  
  <pre><code>$(function() {
      $('.listing-2 li a').mouseover(function() {
          $(this).animate({
              backgroundColor: "#0e7796"
          }, 'fast');
      });
      $('.listing-2 li a').mouseout(function() {
          $(this).animate({
              backgroundColor: "#d6f2c5"
          }, 'fast');
      });
  });
  </code></pre>
  
  <p>How can I do the same for border color?</p>