title: select dynamic tab immediately upon new tab creation
body: <p>demo : <a href="http://jsfiddle.net/axrwkr/ujUu2/" rel="nofollow">http://jsfiddle.net/axrwkr/ujUu2/</a></p>
  
  <pre><code>var num_tabs = $("div#tabs ul li").length + 1;
  
          $("div#tabs ul").append(
              "&lt;li&gt;&lt;a href='#tab" + num_tabs + "'&gt;#" + num_tabs + "&lt;/a&gt;&lt;/li&gt;"
          );
  $("div#tabs").append(
              "&lt;div id='tab" + num_tabs + "'&gt;#" + num_tabs + "&lt;/div&gt;"
          );
          $("div#tabs").tabs("refresh");
  </code></pre>
  
  <p>the new tabs syntax is so complicated (after 1.9 upgrade)..</p>
  
  <p>one more question, 1.9 onward the remove method had been depreceated, so if I want to remove a particular tab, should I use remove() to remove the tab element and then the appended div (content)? that sound un-practical..</p>