I'm having problems figuring out how to refresh a table after deletion of a single row.

I'm using jQuery Mobile 1.4.5.

My table is populated using AJAX to load a JSON file from the server.

I have created PHP functions to manipulate the JSON file, one of which deletes a single row by providing it with an index. I know that's not optimal, but I don't filter or sort the table, so it's OK in this application.

When populating the table I add an extra column for a delete icon, which has a click() function attached that calls delete-line-json.php to delete the row.

My problem is figuring out how to refresh the table after calling delete-line-json.php in the success callback of the AJAX call.

I have created this Plunker to show the code:  http://plnkr.co/edit/JHzsRMIoDt2TEWRUSYtC?p=preview

The problem is around line 50 in script.js. The code works on latest desktop Chrome, but the table is not being refreshed when running the app on an iPad or iPhone (iOS 10).

What is the recommended way of interacting with tables and servers?

Regards

Mogens Beltoft