jQuery using "subquery"

Question

I am moderately certain the answer has already been answered, my issue is I don't know what to even ask. I am trying to dynamicly add already existing HTML divs by cloning them and changing the values, and I ran into an issue HMTL : ```

Name

World name

Population

50

Occupency

45%

``` Javascript : ``` function addWorld(data){ var row = $('#fakeWorldList .worldRow').clone(); row = $(row).attr('id',data.worldId); $(row).('.worldName').value('this will never work, halp.'); } ``` In my javascript, on the last row of my function, I am trying to set the div with the class "worldName" a new value, but I simply cannot figure how. If anyone could point me in the right direction, it would be much appreciated. Cheers

Accepted Answer

You need to use .find() to search for a child element

```
$(row).find('.worldName').text('this will never work, halp.');
```

Ex:

```
function addWorld(data){
    var row = $('#fakeWorldList .worldRow:first').clone();
    row = $(row).attr('id',data.worldId);
    $(row).find('.worldName').text('this will never work, halp.');
}
```

jQuery using "subquery"

Solution

Problem