jquery - divにカーソルを合わせたときにjQueryツールチップが表示されるようにする

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にカーソルを合わせると何も起こらず、理由がわかりません。 これが問題のウェブサイトです。問題のdivは、連絡先セクションの下部にあります（ラップトップアイコンが含まれる最初の円）。どんなアドバイスでも大歓迎です。

Answer 1

タイプミスがあるからです。

クラスと属性のチェックの間にスペースを入れずに試してください

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

または単に

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

DEMO