diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js
index c7f5dff5..7cfb08ee 100644
--- a/public/viewjs/shoppinglist.js
+++ b/public/viewjs/shoppinglist.js
@@ -355,17 +355,24 @@ $(document).on('click', '.order-listitem-button', function(e)
 	Grocy.Api.Put('objects/shopping_list/' + listItemId, { 'done': done },
 		function()
 		{
+			var statusInfoCell = $("#shoppinglistitem-" + listItemId + "-status-info");
+
 			if (done == 1)
 			{
 				$('#shoppinglistitem-' + listItemId + '-row').addClass("text-muted");
 				$('#shoppinglistitem-' + listItemId + '-row').addClass("text-strike-through");
+				statusInfoCell.text(statusInfoCell.text().replace("xxUNDONExx", "xxDONExx"));
 			}
 			else
 			{
 				$('#shoppinglistitem-' + listItemId + '-row').removeClass("text-muted");
 				$('#shoppinglistitem-' + listItemId + '-row').removeClass("text-strike-through");
+				statusInfoCell.text(statusInfoCell.text().replace("xxDONExx", "xxUNDONExx"));
 			}
 
+			shoppingListTable.rows().invalidate().draw(false);
+			$("#status-filter").trigger("change");
+
 			Grocy.FrontendHelpers.EndUiBusy();
 		},
 		function(xhr)
@@ -374,20 +381,6 @@ $(document).on('click', '.order-listitem-button', function(e)
 			console.error(xhr);
 		}
 	);
-
-
-	var statusInfoCell = $("#shoppinglistitem-" + listItemId + "-status-info");
-	if (done == 1)
-	{
-		statusInfoCell.text(statusInfoCell.text().replace("xxUNDONExx", "xxDONExx"));
-	}
-	else
-	{
-		statusInfoCell.text(statusInfoCell.text().replace("xxDONExx", "xxUNDONExx"));
-	}
-	shoppingListTable.rows().invalidate().draw(false);
-
-	$("#status-filter").trigger("change");
 });
 
 function OnListItemRemoved()