title: Balloon message on element using jQuery
body: <p>I want to show balloon message with a title when I mouse over some element in my site. I see jQuery code but I don't know if I used it in a correct way or not.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript" src="./js/jquery.balloon.js"&gt;
  &lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready($(function() {
          $('#style1').balloon({ position: "bottom right"});
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="wrap"&gt;
  
          &lt;button id="style1" onclick="getValue('./CSS/style1.css')"&gt;style1&lt;/button&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>can you help me this link i used <a href="http://file.urin.take-uma.net/jquery.balloon.js-Demo.html" rel="nofollow">http://file.urin.take-uma.net/jquery.balloon.js-Demo.html</a></p>