title: Prevent jQuery UI tabs from automatically loading content
body: <p>Consider a page like this:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="first"&gt;First&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="second"&gt;Second&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabContent" class="ui-tabs-panel"&gt;
      This is the content of the “First” tab!
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $("#tabs").tabs({
    select: function() { return false; },
    selected: 0
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Despite the fact that <code>select</code> returns <code>false</code>, when the content of <code>first</code> will be loaded when the <code>selected</code> is set.</p>
  
  <p>Is it possible to prevent jQuery UI's tabs from automatically loading this?</p>