Question

Can you guys please help me with this jsFiddle?:
http://jsfiddle.net/4CNKa/2/

I am trying to create new (hidden) objects [ $(object) ] on the fly…with jQuery…but so far, I had no luck.
In this jsFiddle it’s a div, but I want to be able to create any kind of $()

$(document).ready(function() {
    $("#msg") = '<div id="msg"></div>';
    $("#msg").html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( $("#msg").text() ); //FOR TESTING ONLY!!!
    $("#msg").appendTo('body'); //FOR TESTING ONLY!!!
});

Answer 1

Try this:

$(document).ready(function() {
    var div  = $('<div id="msg"></div>');
    div.html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( div.text() ); //FOR TESTING ONLY!!!
    div.appendTo('body'); //FOR TESTING ONLY!!!
});

Fiddle: http://jsfiddle.net/maniator/4CNKa/3/