jQuery Forum

I'm getting firebug errors (when firebug is open on page refresh) when using the exact same code from the data() docs page: http://api.jquery.com/data/

1. <div data-role="page" data-hidden="true" data-options='{"name":"John"}'></div>

1. $("div").data("role") === "page";
2. $("div").data("hidden") === true;
3. $("div").data("options").name === "John";

WITH FIREBUG OPEN (new page refresh):

1. $("div").data("role") === undefined;
2. $("div").data("hidden") === undefined;
3. $("div").data("options").name === firebug console error: $("div).data("options") is undefined;

WITH FIREBUG CLOSED (new page refresh)
Everything works like it should.


I HAVE CREATED A TEST PAGE
http://jsbin.com/osiyi

1. Load it once with firebug turned off (minimized is fine)
2. open firebug, refresh the page
3. click to see undefined's and the errors in your console.

I know this affects a very small amount of users, but I can't properly debug with firebug while this is happening.


BUT, IF I SET THE DATA VALUES USING jQUERY
http://jsbin.com/osiyi/3

Everything works whether you have firebug open or not.


Is this the way this is supposed to work, or have I discovered a new bug?