jquery tab not working
<p>i am creating the tab by jquery and my code is bellow</p>

<p>jquery</p>

<pre><code>$("document").ready(function() {
    $("#tabs").tabs();
});
</code></pre>

<p>and the html</p>

<pre><code>&lt;div id="tabs"&gt;
&lt;ul&gt;
        &lt;li&gt;&lt;a href="#tabs-1"&gt;Nunc tincidunt&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-2"&gt;Proin dolor&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-3"&gt;Aenean lacinia&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div id="tabs-1"&gt;
        &lt;p&gt;Proin ur nec arcu m sodal mpus lectus.&lt;/p&gt;
&lt;/div&gt;
&lt;div id="tabs-2"&gt;
        &lt;p&gt; llus p Mauris consectetur tortor et purus.&lt;/p&gt;
&lt;/div&gt;
&lt;div id="tabs-3"&gt;
        &lt;p&gt; sus he  nec, luctus a, lacus.&lt;/p&gt;

&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>css</p>

<pre><code>  &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css"&gt;
</code></pre>

<p>and the jquer i have included is </p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>

<p>but the tab is not working ?</p>
