title: How to properly update URL hash upon selecting a jQuery tab?
body: <p>HTML:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#settings"&gt;Settings&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#fields"&gt;Fields&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="settings"&gt;
          //Tab Contents
      &lt;/div&gt;
      &lt;div id="fields"&gt;
          //Tab Contents
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I apply jQueryUI's Tab functionality and force it to update the URL hash upon selecting a new tab?</p>