title: jQuery: add content to end of div
body: <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>