title: JQuery tab not showing properly
body: <p>I tried the following in order to create Jquery tabs:</p>
  
  <pre><code>    &lt;div id="tabs"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#tabs-1"&gt;First&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-2"&gt;Second&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-3"&gt;Third&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;
        &lt;p&gt;Tab 1 content&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="tabs-2"&gt;
        &lt;p&gt;Tab 2 content&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="tabs-3"&gt;
       &lt;p&gt;Tab 3 content&lt;/p&gt;
      &lt;/div&gt;
      &lt;/div&gt;  
  
      &lt;script type="text/javascript" language="javascript"&gt;
      $(document).ready(function () {
  
          $("#tabs").tabs();
  
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>What I show is the following:</p>
  
  <pre><code>First
  Second
  Third
  </code></pre>
  
  <p>Tab 1 content</p>
  
  <p>Tab 2 content</p>
  
  <p>Tab 3 content</p>
  
  <p>Am I missing the necessary jquery library? Which one should I be using? </p>