Problem when inserting header and filter by column

rdorazio

I'm trying to dynamically insert search by column and the header, but it is appearing only search by column.
What is wrong in my code?

    var dataSet = [
        ['Trident', 'Internet Explorer 4.0', 'Win 95+', '4', 'X'],
        ['Trident', 'Internet Explorer 5.0', 'Win 95+', '5', 'C'],
        ['Trident', 'Internet Explorer 5.5', 'Win 95+', '5.5', 'A'],
        ['Trident', 'Internet Explorer 6', 'Win 98+', '6', 'A'],
        ['Trident', 'Internet Explorer 7', 'Win XP SP2+', '7', 'A'],
        ['Trident', 'AOL browser (AOL desktop)', 'Win XP', '6', 'A'],
        ['Gecko', 'Firefox 1.0', 'Win 98+ / OSX.2+', '1.7', 'A'],
        ['Gecko', 'Firefox 1.5', 'Win 98+ / OSX.2+', '1.8', 'A'],
        ['Gecko', 'Firefox 2.0', 'Win 98+ / OSX.2+', '1.8', 'A'],
        ['Gecko', 'Firefox 3.0', 'Win 2k+ / OSX.3+', '1.9', 'A'],
        ['Gecko', 'Camino 1.0', 'OSX.2+', '1.8', 'A'],
        ['Gecko', 'Camino 1.5', 'OSX.3+', '1.8', 'A'],
        ['Gecko', 'Netscape 7.2', 'Win 95+ / Mac OS 8.6-9.2', '1.7', 'A'],
        ['Gecko', 'Netscape Browser 8', 'Win 98SE+', '1.7', 'A'],
    ];

    var $table = $("table#column-filtering");
    oTable = $table.dataTable({
        "aaData": dataSet,
        "aoColumns": [
            { "bSearchable": true, "sTitle": "Engine", "sClass": "center", "bSortable": true },
            { "sTitle": "Browser" },
            { "sTitle": "Platform" },
            { "sTitle": "Version", "class": "center" },
            { "sTitle": "Grade", "class": "center" }
        ],
        "oLanguage": {
            "sProcessing": "Processando...",
            "sLengthMenu": "Mostrar _MENU_ registros",
            "sZeroRecords": "<div style='text-align: center;font-weight: bold; height: 50px; line-height: 50px;'>Não foram encontrados resultados</div>",
            "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
            "sInfoEmpty": "Mostrando de 0 até 0 de 0 registros",
            "sInfoFiltered": "",
            "sInfoPostFix": "",
            "sSearch": "Buscar:",
            "oPaginate": {
                "sFirst": "Primeiro",
                "sPrevious": "Anterior",
                "sNext": "Seguinte",
                "sLast": "Ãltimo"
            }
        }
    }).columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [
            { type: "select", values: ['Gecko', 'Trident', 'KHTML', 'Misc', 'Presto', 'Webkit', 'Tasman'] },
            { type: "text" },
            null,
            { type: "number" },
            { type: "select" }
         ]

     });