title: HTML Image tag doesn’t render table properly assigned to title attribute
body: <p>I am trying to assign table to image's title property using javascript but when I hover over the image it doesn't render a table instead it displays the table as text.</p>
  
  <pre><code>function FormatAssessorInfo(P1, P2)
  {           
      var ToolTipTable = "&lt;table width='200px' border='0' cellspacing='0' cellpadding='2'&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; Phone: &lt;/td&gt; &lt;td&gt; " + P1 + " &lt;/td&gt; &lt;td&gt; Cell: &lt;/td&gt; &lt;td&gt; " + P2 + " &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;";
      return '&lt;img src="/files/404048/93171/Info-32.png" height="15" width="15" title="' + ToolTipTable + '" style=""/&gt;'; 
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RrzA2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RrzA2.png" alt="enter image description here"></a></p>