Прокрутите элементы и установите заголовок Gigya share

Я пытаюсь перебрать серию div и получить атрибут данных для использования с API социального обмена Gigya. Документация по API Gigya приведена здесь: https://developers.gigya.com/display/GD/postBookmark+Working+Example

Я успешно зациклил свои div с помощью jQuery .each и зарегистрировал результат в консоли, но у меня возникли проблемы с получением значения атрибута данных в коде Gigya. Прямо сейчас он получает значение атрибута данных последнего элемента div. Код следует. Спасибо.

HTML:

<div class = "grid-item" data-title = "The First Post Title">
    <h2>The First Post Title</h2>
</div>
<div class = "grid-item" data-title = "The Second Post Title">
    <h2>The Second Post Title</h2>
</div>
<div class = "grid-item" data-title = "The Last Post Title">
    <h2>The Last Post Title</h2>
</div>

jQuery:

$(".grid-item").each(function(){
$this = $(this);
var dataTitle = $this.data('title');
// console log each title
console.info(dataTitle);

// GIGYA CODE
// Define an image media item:
image = {
    type: 'image',
    src: 'https://demo.gigya.com/images/recipe3.png',
    href: 'https://demo.gigya.com/recipe3.php'
};
// Define a UserAction object specific for Twitter
uatw = new gigya.socialize.UserAction();
uatw.setLinkBack("https://demo.gigya.com/recipe3.php");

// attempt to set the title for Gigya. Currently outputting the last div's title :(
uatw.setTitle(dataTitle);

// Variable definition for Twitter share, note the Twitter specific UA object
TWParams = {
    provider: 'twitter',
    url: 'https://demo.gigya.com/recipe3.php',
    userAction: uatw,
    cid: 'Twitter Shares from Gigya postBookmark demo.'
};
});