javascript - テキスト ボックスの固定ヘッダー

Question

ブラウザウィンドウを縮小すると、別のレイアウトが表示されます....下にスクロールすると、検索テキストボックスが上がり、固定されていないため表示されません...スクロールしたときに検索テキストボックスを固定する方法ダウン....別の例のコードを使用しましたが、問題は、新しいコードを実装すると機能しないことです....データテーブルの検索ボックスを操作しようとしています....何がわからない私のコードで間違っている....

http://jsfiddle.net/bz2C4/11/

$(function() {
        var search = $('.dataTables_filter').detach();
        $('.page-title').before(search);
        search.css('margin-left','0');

        var div = $('.dataTables_filter');
                var start = $(div).offset().top;

                $.event.add(window, "scroll", function() {
                    var p = $(window).scrollTop();
                    $(div).css('position', ((p) > start) ? 'fixed' : 'static');
                    $(div).css('top', ((p) > start) ? '0px' : '');
                });
    });