No puedo ejecutar 2 scripts en la misma página

[byrong]

Tengo un slider llamado bxslider y para usarlo obviamente tiene un código javascript, pero también tengo un autocompletar y en el index de mi página funciona perfecto el autocompletar pero cuando voy a otra página y se tiene que ejecutar el slider y el autocompletar no me funciona el autocompletar, el código es el siguiente:

BXSLIDER:

Código PHP:

<script type="text/javascript">
 
$('document').ready(function(){
 
$('.bxslider').bxSlider({
  adaptiveHeight: true,
  mode: 'fade',
  auto: true,
  autoControls: true
});
});
 
</script>
 

El autocompletar:

Código PHP:

  <script type="text/javascript">
$('document').ready(function(){
    $("#search").keyup(function(e){
    var tecla = e.keyCode || e.which;
    if (tecla != 13){
        if ($("#response").css("display") != "none"){
            $("#response").slideUp();
                }
        }
}).autocomplete({
    minLength: 1,
    source: "/include/class.php",
    select: function (event, object){
        $("#response h1").html(object.item.value);
        $("#response h1").html(object.item.nombrenormal);
        $("#response").slideDown();
    }
}).data("ui-autocomplete")._renderItem = function (ul, item){
    return $("<li></li>")
        .append("<a class= buscabusca ><div id = buscador><label class = nombre value = '"+ item.value +"'>" + item.nombrenormal + "</label></div></a>")
        .appendTo(ul);
};
});
 
</script> 
  

Y otra cosa que pasa es que tengo que colocar los archivos necesarios para el bxslider, después de el script en el head, porque si lo pongo antes no me funciona ninguno de los dos, es decir:

Código Javascript:

//ACÁ ARRIBA ESTÁN LOS DOS SCRIPTS QUE COLOQUE ANTERIORMENTE, Y SI ESTO NO VA ABAJO NO ME CORRE EL SLIDER
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/jquery.bxslider.css">
    <script src="/js/jquery.bxslider.min.js"></script>
 

Gracias.