How to apply stateSave for dynamically inserted values

aravintha

I am inserting table values dynamically.First initialized the table like.
var table = $("#mytable").DataTable({stateSave:true});

In my ajax call dynamically inserted the values like below
table.row.add([name, editOption, deleteOption]).draw();
before inserting rows
cleared the table rows.
table.clear();

inserted successfully but the problem is when refresh not able view the previous viewed pagination

Here is the fiddle.
https://jsfiddle.net/mggy3nde/5/