jQuery tab pane
<p>I referred <a href="http://jqueryui.com/demos/tabs/#manipulation" rel="nofollow">this</a>  and downoaded <code>jquery-ui-1.8.19.custom</code> library (all 31 components as mentioned in <a href="http://jqueryui.com/download" rel="nofollow">here</a>) </p>

<p>I followed the sample code. But it didn't work. Here is my full code.  </p>

<pre><code>    &lt;html&gt;
    &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;jQuery UI Tabs - Default functionality&lt;/title&gt;
        &lt;script type="text/javascript" src="1_6js.js"&gt;&lt;/script&gt;// this is 1.6 jQuery pluging and it works well in other pages    
        &lt;script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"&gt;&lt;/script&gt;  // this is my jquery ui plugin

    &lt;script&gt;
    $(function() {

                alert("hi")  // this alert showed in browser

        $( "#tabs" ).tabs();
                alert("oh") // this alert is also showed.
    });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="demo"&gt;

&lt;div id="tabs"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#tabs-1"&gt;tab 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-2"&gt;tab 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-3"&gt;tab 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs-1"&gt;
        Content 1
    &lt;/div&gt;
    &lt;div id="tabs-2"&gt;
        Content 2
    &lt;/div&gt;
    &lt;div id="tabs-3"&gt;
        Content 3

    &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;&lt;!-- End demo --&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I don't need any css styles. I need only a working simple tab pane and I can improve later.  I put <code>$( "#tabs" ).tabs();</code>  in the body tag inside a &lt;/script> tag. it also didn't work. Any one can let me know where I have missed or where the problem is.</p>
