title: How to use jQuery UI Tabs on DotNetNuke 6.2+
body: <p>I'm using the latest version of DNN and Chris Hammond's VS 2010 template for module development.  I'm simply attempting to place a jQueryUI Tab control on my page.  I looked at the documentation and it seems like this should work.  When I view source I can see that jQueryUI is being included in the header.  I also tried replacing the tabs() call with dnnTabs(), but no difference.  So, what am I missing here?  Thanks in advance!</p>
  
  <p>Code in module.js:</p>
  
  <pre><code>(function ($) {
      $("#tabz").tabs();
  })(jQuery);
  </code></pre>
  
  <hr>
  
  <p>Code in MyModule.ascx.cs:</p>
  
  <pre><code>protected void Page_Init(object sender, EventArgs e)
  {
      Framework.jQuery.RequestRegistration();
  
      if (Framework.AJAX.IsInstalled()) {
          Framework.AJAX.RegisterScriptManager();
      }
  }
  </code></pre>
  
  <hr>
  
  <p>Code in MyModule.ascx</p>
  
  <pre><code> &lt;dnn:DnnJsInclude ID="DnnJsInclude" runat="server" FilePath="~/DesktopModules/MyModule/module.js" /&gt;
  
  &lt;div id="tabz"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"&gt;Page 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div id="tabs-1"&gt;
          This is tab 1.
      &lt;/div&gt;
      &lt;div id="tabs-2"&gt;
          This is tab 2.
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>