title: Jquery tabs not selectable
body: <p>I'm trying to use jquery-ui tabs with my rails application. The tabs are visible but not selectable.</p>
  
  <pre><code>&lt;div id="navigation"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;%=link_to "Home", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "About", :controller=&gt;"home", :action=&gt;"about" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Pastors", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Staff", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Ministries", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Events", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Youth", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Services", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Media", "#" %&gt;&lt;/li&gt;
      &lt;li&gt;&lt;%=link_to "Contact Us", "#" %&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;link type="text/css" href="pepper-grinder/jquery-ui-1.8.16.custom.css"&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
         $("#navigation").tabs();
      });
  &lt;/script&gt;
  </code></pre>