title: How to use jQuery .html() function with ul elements?
body: <p>I want to change address data templates (street, home number, city code etc.) when someone set in my select type field value US.
  I have done something like that on div's but I had problem when this data are in ul type. </p>
  
  <p>I don't have too much expirience in jQuery. <strong>Could you tell me where I have an error, or how can I use .html function on ul elements?</strong></p>
  
  <p><strong>This is HTML code (I'm using Open Power Template):</strong></p>
  
  <pre><code>&lt;ul class="address" id="profileAddressDefault"&gt;
  &lt;li&gt;
  {u:@$form::getElement('address_city_code')}{u:$form::getElement('address_city_name')}
  &lt;/li&gt;
  &lt;li&gt;
  {u:$form::getElement('address_street')}
  {u:$form::getElement('address_street_hn')}
  {u:entity('nbsp')}/{u:entity('nbsp')}
  {u:$form::getElement('address_street_an')}
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul class="address" id="profileAddressUs" style="display: none;"&gt;
  &lt;li&gt;
  {u:$form::getElement('address_city_name')}
  {u:@$form::getElement('address_city_code')}
  &lt;/li&gt;
  &lt;li&gt;
  {u:$form::getElement('address_street_hn')}
  {u:entity('nbsp')}/{u:entity('nbsp')}
  {u:$form::getElement('address_street_an')}
  {u:$form::getElement('address_street')}
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>This is my jQuery code:</strong></p>
  
  <pre><code>$j('#country_id').change(function() {
  
      if($j('#country_id').val()=='US') {
          $j('#profileAddressDefault').html($j('#profileAddressUs').html());
      } 
  });
  </code></pre>