title: Jquery Tool tip for HTML contents
body: <p>1, I downloaded the all these three files(JS and CSS) in my local system and tried it is not working as it is directly referring from URLS.</p>
  
  <p>2, Even If i use URL src and href it is not working with the IE.IE also not saying any error.</p>
  
  <p>Please help me to know what am doing wrong.</p>
  
  <p><strong>PART 1 :</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="jquery/css/jquery-ui-1.10.2.custom.css" /&gt;
  &lt;script src="jquery/js/jquery-1.9.0.js"/&gt;&lt;/script&gt;
  &lt;script src="jquery/js/jquery-ui-1.10.0.custom.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>PART 2 :</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML CODE :</strong></p>
  
  <pre><code>![&lt;script&gt;
  $(function () {
      $(document).tooltip({
          content: function () {
              return $(this).prop('title');
          }
      });
  });
  &lt;/script&gt;
  &lt;style&gt;
  
  .tooltip
  {
    background-color:#F8D2DA;
  }
  .tooltipqty
  {
    text-align:right;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;&lt;label for="age"&gt;Your age:&lt;/label&gt;&lt;input id="age" 
  title="&lt;table class='tooltip'&gt;&lt;tr&gt;&lt;td class='tooltipqty'&gt;20.00&lt;/td&gt;&lt;td&gt;31-01-2013&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td class='tooltipqty'&gt;0.02&lt;/td&gt;&lt;td&gt;01-01-2013&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" /&gt;
  &lt;/p&gt;
  &lt;/body&gt;][1]
  </code></pre>