固定标题为文本框

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' : '');
                });
    });