Animate textbox using jQuery

<input id="txtProduct" type="text" size="150" />

$(document).ready(function() {    
    $('#txtProduct').focus(function() {
        $(this).animate({
            width: 250
        })
    });
    $('#txtProduct').blur(function() {
        $(this).animate({
            width: 150
        })
    });
});?