Finding a specific child div through jquery

Question

I am trying to find and add some text to a dynamically created parent div but it does not work. Here is what I have tried.

var mainDiv = "" +
"<div>" +
    "<div></div>" +
    "<div>" +
        "<div class='image-here'></div>" +
    "</div>" +
"</div>"; // proper script is in Fiddle

var imageDiv = $(mainDiv).children(".image-here");
$(imageDiv).html("text allocated");
$(mainDiv).dialog();

Here is the script: http://jsfiddle.net/xBB5x/10166/

Answer 1

Change this:

var imageDiv = $(mainDiv).children(".image-here");
$(imageDiv).html("text allocated");
$(mainDiv).dialog()

:

$(mainDiv).dialog().find(".image-here").html("text allocated");

Here is the JSFiddle daemon