title: jQuery UI Tabs dynamically adding tabs and content not working
body: <p>I can't get jQuery UI tabs to work when dynamically adding tabs and content. </p>
  
  <pre><code>&lt;div id="wrap"&gt;
      &lt;ul&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>var count = 1;
  $('#addspan').click(function() {
      $('#wrap').append('&lt;span id="page' + count + '"&gt;testing&lt;/span&gt;');
      $('#wrap').find('ul').append('&lt;li&gt;&lt;a href="#page' + count + '"&gt;' + count + '&lt;/a&gt;&lt;/li&gt;');
      count++;
      $('#wrap').tabs();
  });
  </code></pre>
  
  <p>Check <a href="http://jsfiddle.net/qKBUu/1/" rel="nofollow">http://jsfiddle.net/qKBUu/1/</a></p>
  
  <p>You can see that newly created content is not showing in it's respected tabs. All content is showing at once and tabs are not working. </p>