jquery-ui - Jquery データテーブル - リセットの問題

Question

ボタンをクリックしたときにサーバーからの値を表示するデータテーブルがあります。一種の検索機能です。検索テキスト ボックスの値を変更して 2 回目のクリックを行うと、変更が反映されません。

2 回目のデータテーブルに正しい値が表示されない。

jQuery("#dialog-form").dialog ({ 
autoOpen: false,
height: 500,
width: 750,
modal: true,
buttons : {
"Search" : function() {
 jQuery.ajax({
 url : 'action="part"/>',
 data : {"product" : $("#productsTextArea").val()},
 dataType : 'json',
 success : function(data){
 var newarray=[];
 while(data.length > 0)  {
 newarray.push(data.splice(0,2));

 }

oTable = $("#products").dataTable({
        "aaData" : newarray,
        "bProcessing" : true,
        "sPaginationType" : "full_numbers",
        "bDeferRender": true,
        "bJQueryUI" : true,
        "bRetrieve" : true,
        "bPaginate" : true,
        "bSort" : true,
        "aaSorting" : [[ 4, "desc" ]],
        "iDisplayLength" : 15,
        "aoColumnDefs": [
            {"fnRender": function(o, val){

                    return o.aData[0];
                },
                "sClass":"prod", "aTargets": [ 0 ] },
            {"fnRender": function(o, val){

                    return o.aData[1];
                },
                "sClass":"Description", "aTargets": [ 1 ] }
                ]
        });