如何动画输入框和btn搜索

Question

我有以下代码，动画未按预期工作。 在焦点输入框上设置动画很好，但是btn_search返回到没有动画的位置。

<div class="form-group">
    {!!Form::text('pretraga',null,['id'=>'pretraga','class'=>'form-control','placeholder'=>'pretraga...'])!!}
</div>
<div class="form-group">
    {!!Form::button('<span class="glyphicon glyphicon-search"></span>', ['id'=>'btn_search', 'class'=>'btn btn-default'])!!}
</div>

$("#pretraga").click(function (e) {
    e.preventDefault();
    $(this).animate({width: '250px'}, "slow");
});
$("#pretraga").focusout(function(e){
    e.preventDefault();
    $(this).animate({width: '100%'}, "slow");
});