title: jQuery UI tabs panelTemplate option deprecated
body: <p>So I upgraded jquery ui from 1.8 to 1.10.
  Tabs seem to have been refactored in 1.9 already according to this: <a href="http://jqueryui.com/upgrade-guide/1.9" rel="nofollow">http://jqueryui.com/upgrade-guide/1.9</a></p>
  
  <p>While reading through - this came up:</p>
  
  <blockquote>
    <p>Deprecated idPrefix, tabTemplate, and panelTemplate options; use
    refresh method</p>
    
    <p>As mentioned above, the add and remove methods have been deprecated.
    As a result, the idPrefix, tabTemplate, and panelTemplate options have
    been deprecated as well. You should replace all uses of the idPrefix,
    tabTemplate, and panelTemplate options with the markup you would like
    to use.</p>
  </blockquote>
  
  <p>Not very clear what <code>You should replace all uses... with the markup you would like to use</code> means.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="main-xxx-tabs"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="link1.php"&gt;link1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link2.php"&gt;link2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>jQuery("#main-xxx-tabs").tabs({
    panelTemplate: "&lt;div class='main-xxx-tabs-content'&gt;&lt;/div&gt;"
  })
  </code></pre>
  
  <p>If anyone could provide an example of how to upgrade this properly - would be much appreciated.</p>