jQuery animate border color on hover?
<p>Using a <a href="http://plugins.jquery.com/project/color">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>
