jqwidgets master grid code in jsfiddle

Instructions:

In the first grid, on button click for a particular row it should show the detail for that row only. So for instance, when I click on row 1 button, it will show the detail for that row. But now when I click on row 2s button, it should refresh and show only the detail for this row. Note: Also do not change the logic for the multi selection using the checkbox column so the checkbox will perform as multiselect where it will let you see details for all selected rows. Another thing, I wanted to mention where once I click on the button it will show the detail for that row and now suppose I clicked on the checkbox for that same row it should not create duplicate details.

Code: Sorry I wanted to show my working code

https://jsfiddle.net/UbK74/728/

Problem I am facing is currently my code is keeping the detail for all rows. Even if I click on the button for certain row, it will keep the detail of the previously selected row.

Output needed:

If clicked on button for row 1:

If clicked on button for row 2, it should only show detail for this row.

Customers Contact Title Company Name Contact Name Alfreds Futterkiste Maria Anders Sales Representativ O Ana Trujillo Emparedados y helados Ana Trujillo Owner Go to page 1 Sh orders by customer Order ID OrderDate Shipped Date Ship Name 1050 1060 Go to page 1 Sh