Создание подсказки jQuery появляется при наведении указателя мыши на div

Question

Я изо всех сил пытаюсь заставить всплывающие подсказки работать, когда я наводил курсор на div. Вот HTML разметка:

<div class="booking_step_wrap"> 
    <h4>Email</h4> 
    <div class="booking_step" title="hello"><i class="icon-laptop"></i></div> 
</div> 

и для JQuery У меня есть:

jQuery(function() { 
    jQuery(".booking_step [title]").tooltip(); 
}); 

и CSS (взяты из инструментов сайта Jquery):

.tooltip { 
display:none; 
background:black; 
font-size:12px; 
height:70px; 
width:160px; 
padding:25px; 
color:#eee; 

}

В настоящее время , ничего не происходит, когда я нависаю над этим div, и я не понимаю, почему. Here - сайт, о котором идет речь. Этот вопрос находится внизу в разделе контакта (первый круг с иконкой ноутбука в нем). Любой совет приветствуется.

Answer 1

Потому что у вас есть опечатка.

Try без пробелов между классом и атрибут проверки

$(function() { 
    jQuery(".booking_step[title]").tooltip(); 
}); 

Или просто

$(function() { 
    $(document).tooltip(); 
}); 

DEMO