jQuery: add content to end of div
<p>I have this HTML:</p>

<pre><code>&lt;div class="region-list" id="region_North_America"&gt;
    &lt;strong&gt;North America&lt;/strong&gt;
&lt;/div&gt;
</code></pre>

<p>and want to add more divs after the strong element to result:</p>

<pre><code>&lt;div class="region-list" id="region_North_America"&gt;
    &lt;strong&gt;North America&lt;/strong&gt;
    &lt;div&gt; ... &lt;/div&gt;
    &lt;div&gt; ... &lt;/div&gt;
    &lt;div&gt; ... &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I am trying this:</p>

<pre><code>var row_str = '&lt;div&gt;content here&lt;/div&gt;';
$('#region_North_America div:last').html(row_str);
</code></pre>

<p>However, there is no change to the html. This is probably so since there is no <code>div</code> within the element selected.</p>

<p>I know that the js is making it to this code because I can print the content of row_str to the console.</p>

<p>So, how can I get to the end of that container element to add the new items?</p>

<p>Thx.</p>
