title: Display multiple jquery ui tabs
body: <p>Jquery tabs() seems loaded not entirely when it loaded from .html() function.</p>
  
  <p>JSFiddle here: <a href="https://jsfiddle.net/Padlavoine/5mg7e7k3/2/" rel="nofollow">https://jsfiddle.net/Padlavoine/5mg7e7k3/2/</a></p>
  
  <pre class="lang-js prettyprint-override"><code>$(function() {
      var ajaxResponse = '&lt;div id="tabsConfigAc" class="tabs-min"&gt;&lt;ul&gt;&lt;li href="#subTab1"&gt; subTab1 &lt;/li&gt;&lt;li href="#subTab2"&gt; subTab2 &lt;/li&gt;&lt;/ul&gt;&lt;div id="subTab1"&gt;test&lt;/div&gt;&lt;div id="subTab1"&gt;test&lt;/div&gt;&lt;/div&gt;';
  
      $( "#tabsAc" ).tabs();
  
      $('#ax_list').html(ajaxResponse);
      $('#tabsConfigAc').tabs();
  
  
      var ajaxResponse2 = '&lt;div id="tabsConfigAc2" class="tabs-min"&gt;&lt;ul&gt;&lt;li href="#subsubTab1"&gt; subsubTab1 &lt;/li&gt;&lt;li href="#subsubTab2"&gt; subsubTab2 &lt;/li&gt;&lt;/ul&gt;&lt;div id="subsubTab1"&gt;test&lt;/div&gt;&lt;div id="subsubTab1"&gt;test&lt;/div&gt;&lt;/div&gt;';
      $('#tabsAc2').html(ajaxResponse2);
      $( "#tabsConfigAc2" ).tabs();
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="tabsAc"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tab0"&gt; Liste &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab1"&gt; Liste 2 &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab2"&gt; Liste 3 &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tab0"&gt;
      &lt;div id="ax_list"&gt;Content &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="tab1"&gt;
      &lt;div id="ax_list1"&gt;Content 1&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="tab2"&gt;
      &lt;div id="ax_list2"&gt;Content 2&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;div id="tabsAc2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Same result with .refresh() function on tabs.</p>
  
  <p>Do you know a different method ?</p>