jQuery data() returns undefined, attr() returns integer

Question

I have the following code:

alert($embellishment.data(\"embellishmentId\"));
alert($embellishment.attr(\"data-embellishmentId\"));

The first

Answer 1

OK. I found the problem by interpreting jQuery docs.

When you write:

$embellishment.data("embellishmentId");

it is handled by jQuery as compound attribute:

So, to solve the problem you can use lower case in the data key otherwise it just addresses the different attribute.

// JavaScript
$embellishment.data("embellishmentid");