How to compare and highlight difference between two HTML tables using jQuery/JavaScript

How to compare and highlight difference between two HTML tables using jQuery/JavaScript

Hi, I  have a requirement to compare two HTML DIV differences. I am trying to figure out a way to see if i can compare the HTML table cells and highlight the difference in the second div, comparing with data from from first Div. I'm not sure if there is plug-in to achieve this.

I have tried with a sample code on jsFiddle to compare First and Second Div content with Default Div content. But failed. Please assist. (It should highlight differences like shown here: http://jsfiddle.net/01pfcy2s/) but this applies to strings.

The cells in the First and Second Div that are different from Default Div must highlight.

The structure of the HTML is consistent but the data is being bound from WebAPI response.

http://jsfiddle.net/stgh1c8u/