ex:

```
{
  "data": [
    {
      "name": "grape",
      "color": "purple"
    },
    {
      "name": "apple",
      "color": "green"
    },
    {
      "name": "strawberry",
      "color": "red"
    }
  ]
}

```

I am looping through the array with this:

```
for (var i=0; i < data.length; i++) {
  var item = "<button>"+data[i].name+"</button>";
  $('#items').append(item)
}

```

Let's say I want to have it so when you click on the button, display a `div` of the `color` value, but use the same `div` for every item in the array. How would I do this?