javascript - 入力ボックスをslideDown()する方法は?

Question

前の入力ボックスのすぐ下に入力ボックスを追加するボタンがあります。アニメーションを追加して、そこにポップするのではなく、よりスムーズにしようとしています。私はこれまでこれを試しましたが、うまくいきません。フィドルの例は素晴らしいでしょう。

var counter = 0;
$('#addinput').click(function(){
    $('#inputs').append('<input class="search" style="margin-bottom:4px;" type="search" name="word' + counter++ + '"/>');
    $('.search').slideDown();
});