I need to dynamically add values from an array to a custom data attribute in some html elements. For example, let's say I have 12 ".point" elements, I need to apply one of the months, in order, to each of those elements. I have tried a few ways, but I don't think my logic is correct here. I have included my latest attempt below, this only results in "Dec" being applied to the twelve ".point" elements.

JS/jQuery

```
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var monthsLength = months.length;
for (var i = 0; i < monthsLength; i++) {
    $('.point').attr('data-date', months[i]);
}

```