jQuery Animate - border color and width

Question

I cannot seem to get this jQuery animation working for applying a border to an image on mouseenter:

Answer 1

You have some typos in your code

1. .mousenter should be .mouseenter

2. didnt close the apostrophe in both 'borderColor. change them to 'borderColor'

$('div img').mouseenter(function(){
    $(this).css("border", "0px solid #f37736").animate({
        'borderWidth': '4px',
        'borderColor': '#f37736'
    },500);
}).mouseleave(function(){
     $(this).animate({
        'borderWidth':'0px',
        'borderColor':'#f37736'
    },500);
});