JQuery tab not showing properly
===

I tried the following in order to create Jquery tabs:

        <div id="tabs">
        <ul>
          <li><a href="#tabs-1">First</a></li>
          <li><a href="#tabs-2">Second</a></li>
          <li><a href="#tabs-3">Third</a></li>
        </ul>
        <div id="tabs-1">
          <p>Tab 1 content</p>
        </div>
        <div id="tabs-2">
          <p>Tab 2 content</p>
        </div>
        <div id="tabs-3">
         <p>Tab 3 content</p>
        </div>
        </div>  

        <script type="text/javascript" language="javascript">
        $(document).ready(function () {

            $("#tabs").tabs();

        });
        </script>


What I show is the following:



    First
    Second
    Third

Tab 1 content

Tab 2 content

Tab 3 content

Am I missing the necessary jquery library? Which one should I be using? 