My issue is that I cannot show the exact information that needs to be viewed in table. 

So for example, let's say I have a button `Show` and I retrieve an array of objects:

```
"data": [
           {
             "short_desc": "Lorem Ipsum Short",
             "long_desc": "Lorem Ipsum Long",
           },
           {
             "short_desc": "Lorem Ipsum Short",
             "long_desc": "Lorem Ipsum Long",
           }
       ]

```

So I have a table with two rows and two buttons in each row - `Show`. On first click it should show first object, and on second it should show second object. So, match the keys in the array with proper `Show` button. How can I achieve this?

I know this is probably an 'old question', but I've been log away from programming and forgot this algorithm. 

Thanks.

EDIT: Edited following the comment.

So, I first I receive data:

```
$.ajax({
    type: 'GET',
    url: 'url'
}).done(function(res) {
    var data = res.data 
    // here logic goes
})

```

Data is shown now with `Show` button. 

Now I need to make a handler to Show exact data on button click.