jQuery UI Tooltip с динамическим контентом

Я использую JQuery UI Tooltip Widget и есть код:

  $(function() {$( document ).tooltip({  
    content: 'connecting',
    content:function(callback) {
            $.get('teacher.php?teacherid=' + link,{}, function(data) {
            callback(data);
        });
    },

  })});

На моей странице у меня есть:

<div title="" onmouseover="{link=1}">Alex Brown</div>
<div title="" onmouseover="{link=2}">John Black</div>

Но это не работает. Как я могу отправить переменную JS, что Алекс Браун - учитель с ID = 1, а Джон Блэк - учитель с ID = 2?

UPD: ну это исправили

  <script>
  $(function() {$( document ).tooltip({ 
    show: 0,
    hide: 0,
    items: 'teacher',
    content: 'connecting',
    content: function(callback) {
            var x=$(this).attr('id') 
            $.get('teacher.php?teacherid='+x,{}, function(data) {
            callback(data);
        });
    },

  })});
  </script> 

И в HTML у меня теперь есть:

<teacher id="1">Alex Brown</teacher>
<teacher id="2">John Black</teacher>
<teacher id="3">Homer Simpson</teacher>

Ответы на вопрос(4)

Ваш ответ на вопрос