title: the onmouseover function doesn't work
body: <p>I have a table with this cell:</p>
  
  <pre><code>    &lt;td&gt;
          &lt;DIV align='center' onmouseover='dettaglio(&lt;?php echo $cdclie;?&gt;)' onmouseout='chiudiDettaglio()'&gt;0&lt;/DIV&gt;
      &lt;/td&gt;
  </code></pre>
  
  <p>and I have the javascript:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  // codice per mostrare il dettaglio
  function dettaglio()
  {
      tooltip = '&lt;div class="tooltiptopicevent" style="width:auto;height:auto;background:#feb811;position:absolute;z-index:10001;padding:10px 10px 10px 10px ;  line-height: 200%;"&gt;'
              + 'Client' + ' ' + 'First and last name' + '&lt;/div&gt;';
  
      $("body").append(tooltip);
      $(this).mouseover(function (e)
      {
          $(this).css('z-index', 10000);
          $('.tooltiptopicevent').fadeIn('500');
          $('.tooltiptopicevent').fadeTo('10', 1.9);
      }).mousemove(function (e)
      {
          $('.tooltiptopicevent').css('top', e.pageY + 10);
          $('.tooltiptopicevent').css('left', e.pageX + 20);
      });
  }
  //  
  function chiudiDettaglio()
  {
      $(this).css('z-index', 8);
      $('.tooltiptopicevent').remove();
  }
  &lt;/script&gt; </code></pre>
  </div>
  </div>
  </p>
  
  <p>In the javascript, I plan on calling AJAX to retrieve a JSON object which will then be displayed by the onmouseover function.</p>