title: How to initialize jQuery UI Tabs without using the 'href' attribute?
body: <p>When using a <code>&lt;base&gt;</code> tag within a page that renders tabbed content by using the jQuery UI Tabs plugin, all hell breaks lose on that page. That's somehow because of the <code>href</code> attribute applied to the tabs' "title" elements, that the plugin relies on. 
  From the plugin's documentation:</p>
  
  <blockquote>
    <p>Each tab "title" must be inside of a list item (<code>&lt;li&gt;</code>) and wrapped by
    an anchor (<code>&lt;a&gt;</code>) with an <code>href</code> attribute"</p>
  </blockquote>
  
  <p>Here's an example from my app:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#productsSection"&gt;&lt;span&gt;Choose product&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Is there a workaround I can use to initialize the Tabs plugin without using the <code>href</code> attribute? Off the top of my head, I believe it would have been better to rely on a <code>data-href</code> attribute.</p>