title: Jquery tooltip Needs tweaking on .html() method when html styling/formatting code is passed
body: <p>This is the following JQ code which creates a tootip based on divname, trigger obj and the "message" to be displayed on tooltip, the problem here is when I pass multiple lines of message with formatting and styling tags included like <code>&lt;p&gt;</code>, <code>&lt;li&gt;</code> etc, its not rendering the tooltip. Not sure why... Even when I'm passing it through .html(). Any suggestion is appreciated. Thanks in Advance </p>
  
  <p>"msg" string is like </p>
  
  <p><code>&lt;p&gt;
  &lt;li&gt;A&lt;/li&gt;
  &lt;li&gt;B&lt;/li&gt;
  &lt;/p&gt;</code></p>
  
  <p>With styling and formatting included </p>
  
  <pre><code>function JQToolTip(toolTipDivName, trigObj, msg) {  
      var overlay = document.createElement('div');
  overlay.className = "tooltip";
      overlay.id=toolTipDivName;
     $('body').append(overlay);
  $("#"+toolTipDivName).html('&lt;div class="AToolTip"&gt;&lt;p align="left"&gt;'+msg+'&lt;/p&gt;&lt;/div&gt;');
      $(trigObj).tooltip(
      {
        tip:"#"+toolTipDivName,
        track:true,delay:800,position:"bottomright",direction:'down'});           
   }
  </code></pre>