title: How to add tool-tips working in div elements to li elements in my table?
body: <p>I'm using PHP, MySQL, jQuery, Smarty, etc. for my website. </p>
  
  <p>I want to implement the tool-tip functionality on one of my webpages. For it I have developed some sample jQuery code as a Proof of Concept. </p>
  
  <p>See <a href="http://jsfiddle.net/66nLy/9/" rel="nofollow"><strong>Proof of Concept Fiddle</strong></a>.</p>
  
  <p>However, when I tried to implement the same functionality in my website I'm facing some issues. On my webpage I'm using <code>&lt;table&gt;</code> and I want to use the jQuery functionality within it.</p>
  
  <p>Can anyone please help me in this regard?</p>
  
  <p>In the Fiddle I'm showing the tool-tip menu on <code>click</code> of an image but in my website I want to show the tool-tip on a text like "<strong>Report question issue - QUE37261</strong>" and other such similar titles.</p>
  
  <p>The HTML code is as follows:</p>
  
  <pre><code>&lt;table class="base-table selection-table" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:15px;"&gt;
      &lt;tr class="evenRow" id="37261"&gt;
          &lt;td class="question"&gt;
              &lt;ul class="tabl-head"&gt;
                  &lt;li&gt;Question 1.&lt;/li&gt;
                  &lt;li class="center-align"&gt;**Report question issue - QUE37261**&lt;/li&gt;
                  &lt;li class="right-align"&gt;&lt;a class="change_ps_question" href="change_practice_sheet_question.php?question_id=37261&amp;practice_sheet_id=3"&gt;&lt;label class="bright" style="cursor:pointer;" &gt;Change Question&lt;/label&gt;&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="options w-auto"&gt;
                  &lt;li&gt;&lt;strong&gt;Question:&lt;/strong&gt;
  Pair of contrasting characters controlling the same trait is called:&lt;/li&gt;
                  &lt;li&gt;&lt;strong&gt;Answer:&lt;/strong&gt;
  
                      &lt;p&gt;&lt;b style="font-size:13px;"&gt;1.&lt;/b&gt;&amp;nbsp;&amp;nbsp; Factors
                          &lt;br /&gt;
                      &lt;/p&gt;
                      &lt;p&gt;&lt;b style="font-size:13px;"&gt;2.&lt;/b&gt;&amp;nbsp;&amp;nbsp; alleles
                          &lt;br /&gt;
                      &lt;/p&gt;
                      &lt;p&gt;&lt;b style="font-size:13px;"&gt;3.&lt;/b&gt;&amp;nbsp;&amp;nbsp; alloloci
                          &lt;br /&gt;
                      &lt;/p&gt;
                      &lt;p&gt;&lt;b style="font-size:13px;"&gt;4.&lt;/b&gt;&amp;nbsp;&amp;nbsp; paramorphs
                          &lt;br /&gt;
                      &lt;/p&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;strong&gt;Correct Answer Option : 2&lt;/strong&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The actual table is too large and contains many records. For brevity I have shown only one record.</p>