jQuery Tabs and Cookies problem

jQuery Tabs and Cookies problem

I have the following code and I am trying to retain the last tab clicked on with the cookie, I have tried everything but keep getting "$.cookies is undefined", 'it's driving me crazy! If anyone could help I would be eternally grateful

  1.  <div id="tabs-smaller" class="tabs">
        <ul>
            <li><a href="#tabs-smaller-1" name="tabs-smaller">Unassigned Jobs</a></li>
            <li><a href="#tabs-smaller-2">Assigned Jobs</a></li>
        </ul>
        <div id="tabs-smaller-1">




  2. </div>
  3. <div id="tabs-smaller-2">
  4. </div>
  5. </div>
  6.  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script>
            <script type="text/javascript" src="/js/app.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.7.2/jquery-ui.js"></script>
    <script type="text/javascript" src="/js/jquery.cooky.js"></script> 
       
     <script type="text/javascript">
                $(function()
                {
                    var cookieName, $tabs, stickyTab;

                    cookieName = 'stickyTab';
                    $tabs = $('#tabs-smaller');

                    $tabs.tabs( {
                        select:function(e, ui)
                        {
                            $.cookies.set(cookieName, ui.index);
                        }
                    } );

                    stickyTab = $.cookies.get(cookieName);
                    if(!isNaN(stickyTab))
                    {
                        $tabs.tabs('select', stickyTab);
                    }
                } );
            </script>