title: Loading content into tooltip via ajax
body: <p>I am using <a href="http://plugins.learningjquery.com/cluetip/#getting-started" rel="nofollow noreferrer">this</a> Plugin to load content into tooltip via ajax. It is pretty simple to understand and start using it.
  This is my jsp page in which I want to load content dynamically into tool tip on hovering on a link. <br></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
      pageEncoding="ISO-8859-1"%&gt;
  
  
  &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt;
  &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%&gt;
  
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery.hoverIntent.js" type="text/javascript"&gt;&lt;/script&gt; &lt;!-- optional --&gt;
  &lt;script src="jquery.cluetip.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $('a.basic').cluetip();
    });
    function web()
    {
        alert('asffdsr');
    }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;th&gt;Question name&lt;/th&gt;
  &lt;th&gt;Group ID&lt;/th&gt;
  &lt;th&gt;opt1(#votes)&lt;/th&gt;
  &lt;th&gt;opt2(#votes)&lt;/th&gt;
  &lt;th&gt;opt3(#votes)&lt;/th&gt;
  &lt;th&gt;opt4(#votes)&lt;/th&gt;
  &lt;tr&gt;
  
      &lt;c:forEach var="questions" items="${questionslist}"&gt;
  
                  &lt;tr&gt;
                      &lt;td&gt;&lt;a  class="basic" href="http://www.google.com" rel="http://www.google.com" &gt;&lt;c:out value="${questions.question}"/&gt;&lt;/a&gt;&lt;/td&gt;
  ....
  </code></pre>
  
  <p>If you look into the above code, at the bottom you will find the <code>&lt;a&gt;</code> tag with <code>class = basic</code> and the page to be loaded into the tooltip via ajax is <code>http://www.google.com</code>
  In the head you can see the script src and the javascript functions. I have imported the all the js files into the folder containing the jsp page.<br>
  But for some reason the tooltip is not appearing. What is wrong here and how to correct it? And also is there any way of checking if all the 3 js files jave been imported into the page?<br>
  The following structure describes where the css and the jsp files are present. The css and js fields are present inside the <strong>web content</strong> folder and the jsp files are present in 
  <br>
  <strong>WEB CONTENT
  <BR>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WEB-INF<BR></strong>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>JSP FILES..</strong><BR>
  <strong>CLUETIP CSS AND JAVASCRIPTFILES..</strong><br><br><br></p>
  
  <hr>
  
  <p>This is the screenshot. As you can see the <strong>js</strong> fields are <strong>not</strong> being loaded. But the css files are being retrieved.
  <img src="https://i.stack.imgur.com/xNiEJ.png" alt="enter image description here">
  <br><br></p>
  
  <hr>
  
  <p><strong>EDIT#1</strong><br>
  The page is loaded via ajax inside a div. So on clicking view page source, we cannot see the the source code of the stuff inside the div.<br>
  <br>
  <strong>EDIT#2</strong><br>
  The <code>jquery.js</code> file is not being imported even when using <strong>CDN</strong> i.e in the network tab of the developer tool, there is no call made for the the javascript file.  I have given the <code>script src</code> line in the head section.</p>