Question

How do I access values set by $.data() inside a function or object

       $('#timers').data('firsttimer', 100);


    //prints 100
    document.write($('#timers').data('firsttimer'));

    function blah(){
        //Prints nothing
        document.write($('#timers').data('firsttimer'));
    }

blah();

See this jsfiddle for easy access to test the code http://jsfiddle.net/JUfd8/

Answer 1

I’m having trouble with document.write() inside the function call for some reason, but it works fine if I use jQuery’s .append().

function blah(){
    $('body').append($('#timers').data('firsttimer'));
};

---

EDIT:

Found this stackoverflow question regarding document.write:

Why is document.write considered a "bad practice"?

An interesting sentence from one of the answers in that post:

As long as you don’t try to use it after the document has loaded, document.write is not inherently evil, in my humble opinion.

So that may be the key to the trouble (or part of it, anyway).