title: add jquery tab on MVC4 and jquery ui 1.9
body: <p>im trying to add a new tab on a partial view dynamically, this is my code:</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>     $(document).ready(function () {
          $("#tabs").tabs();
          jQuery("button").button().click(function () {
               var tabs = $( "#tabs" ).tabs();
               var ul = tabs.find( "ul" );
               $( "&lt;li&gt;&lt;a href='#tab4'&gt;New Tab&lt;/a&gt;&lt;/li&gt;" ).appendTo( ul );
               $("&lt;div id='tab4'&gt;&lt;p&gt;New Content&lt;/p&gt;&lt;/div&gt;").appendTo(tabs);
               tabs.tabs( "refresh" );
          });
       });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id=tabs&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href=#tab1&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=#tab2&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=#tab3&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
      &lt;div id=tab1&gt;Contents of the first tab&lt;/div&gt;
      &lt;div id=tab2&gt;Contents of the second tab&lt;/div&gt;
      &lt;div id=tab3&gt;Contents of the third tab&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;button&gt;add&lt;/button&gt;
  </code></pre>
  
  <p>the problem, when i press the button i get this:</p>
  
  <p><img src="https://i.stack.imgur.com/sYg0o.png" alt="http://i.stack.imgur.com/sYg0o.png"></p>
  
  <p>is like hte new tab is not been aded to the tabs ande the content is loaded at the end of the tabs.</p>
  
  <p>any idea?</p>