Editable Event binding on span with Ajax Pagination

mihirpatel83

I have created a table with ajax pagination and having a field which is editable with X-editable. I have written below code as far and working properly.

$('#myTable').dataTable({
     "processing": true,
     "serverSide": true,
     "ajax": {   },
      "fnRowCallback":function( nRow, mData, iDisplayIndex ) {          
                $('td:eq(3) span', nRow).editable({                
                    type: 'select',
                    value:mData[4],
                    name: 'Type',                
                    source: [
                      {value: 'To Do', text: 'To Do',classname:'m1'},
                      {value: 'Done', text: 'Done',classname:'m2'},                  
                     ]
                });     
      return nRow;
      },      
    });

The editable function is binding properly with span in 4th column but when going to another page it says
$(...).editable is not a function......

Can anyone guide me to resolve this issue ?