Перекрытие функций jQuery
 

Всем привет! Помогите разобраться! Есть две функции, которые конфликтуют между собой. Добавил функцию jQuery.noConflict();, не помогло, что можно еще сделать?

Первая:

<script type="text/javascript">
jQuery.noConflict();
    jQuery(function() {
        jQuery('.map').maphilight();
    });
</script>

Вторая:

<script class="example" type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function()
{
    jQuery('area[alt]').qtip(
    {
        content: {
            attr: 'alt'
        },
        position: {                       
                my: 'center',
                at: 'top left',
        },
        style: {
            classes: 'ui-tooltip-tipsy ui-tooltip-shadow'
        }
    });
});
</script>

В HEAD подключено

<script src="jquery-1.7.2.js" type="text/javascript"></script>

дальше перед каждой функцией своя библиотека.

Перед первой

<script src="jquery.maphilight.js" type="text/javascript"></script>

перед второй

<script src="jquery.qtip.min.js" type="text/javascript"></script>

ТАКЖЕ, пробовал сделать без использования вспомогательной функции jQuery.noConflict();, но безуспешно...

<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script src="jquery.maphilight.js" type="text/javascript"></script>
<script src="jquery.qtip.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function() {
 $(".map").maphilight();

 $("area[alt]").qtip({
   content: {
     attr: "alt"
   },
   position: {            
       my: "center",
       at: "top left",
   },
   style: {
     classes: "ui-tooltip-tipsy ui-tooltip-shadow"
   }
 });
});
</script>

Весь блок сдвигал вниз к самому /BODY