issue regarding jquery basic slider and jquery UI tab?
<p>I'm not able to use the both Jquery slider and jquery UI tab..
At the time only one is working either slider or tab..Is there any order to maintain while keeping the scripts in the webpage...</p>

<pre><code>&lt;!Doctype html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
    &lt;title&gt; My website&lt;/title&gt;
    &lt;!--slylesheet--&gt;
    &lt;link rel="Shortcut Icon" href="images/favicon.ico"&gt;
    &lt;link rel="stylesheet" type="text/css" href="reset.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="respon.css"&gt;
    &lt;!--flexslider--&gt;

    &lt;link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" /&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;

    &lt;script src="jquery.flexslider-min.js"&gt;&lt;/script&gt;
    &lt;script src="jquery.flexslider.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
            $(window).load(function() {
                $('.flexslider').flexslider(){
                  animation: "slide",
                  controlsContainer: ".flexslider-container"
              });
            });

        &lt;/script&gt;

        &lt;!--jquery UI tab--&gt;
        &lt;link rel="stylesheet" href="tab.css" /&gt;
    &lt;script src="http://code.jquery.com/jquery-1.8.2.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
    &lt;script&gt;
    $(function() {
        $( "#tabs" ).tabs();
    });
    &lt;/script&gt;

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