Javascript-форум - Подключение нескольких библиотек

Всем доброго и хорошего!

никак не могу разобраться с дополнениями к jquery!

речь сейчас идет о конкретном, но хотелось бы что бы объяснили вообще в теории, как грамотно подключить различные библиотеки, что бы сохранился функционал!

имею скипт в котором получается 3 раза подключаю jquery!(1.11,float,UI)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
		<meta charset="utf-8">
		
		<script language="javascript" type="text/javascript" src="/librarys/jquery-1.11.1.min.js"></script>
		
		<script language="javascript" type="text/javascript" src="/librarys/flot/jquery.js"></script>
		<script language="javascript" type="text/javascript" src="/librarys/flot/jquery.flot.js"></script>
		
		<link href="/librarys/jquery-ui-1.11.0.custom/jquery-ui.css" rel="stylesheet">
		<script type="text/javascript" src="/librarys/jquery-ui-1.11.0.custom/external/jquery/jquery.js"> </script>
		<script type="text/javascript" src="/librarys/jquery-ui-1.11.0.custom/jquery-ui.js"></script>
</head>

<div id="slider"></div>

<script type="text/javascript">

$(document).ready(function(){
    $('body').append('<br/>Этот текст добавлен с помощью jQuery');

	$('.slider').live("change",function () {
	alert('yes');
	})

});
</script>

вылази ошибка на фукцию live! "undefined is not a function"
причем если убрать 3 последнии строки в header(подключение jquery UI) то все работает!