title: Initializing tooltip with JQueryUI
body: <p>HTML:</p>
  
  <pre><code>&lt;input type='text' id='uname' /&gt;
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>$( "#uname" ).tooltip({ content: "gggg" });
  </code></pre>
  
  <p>Result: nothing. No tooltip, no errors; What is wrong here?</p>
  
  <p>Demo: <a href="http://jsfiddle.net/w97FA/" rel="nofollow noreferrer">http://jsfiddle.net/w97FA/</a>  </p>
  
  <p>These are the resources/plugins I used:</p>
  
  <ul>
  <li><a href="http://jqueryui.com/tooltip/" rel="nofollow noreferrer">http://jqueryui.com/tooltip/</a>  </li>
  <li><a href="http://api.jqueryui.com/tooltip/#option-content" rel="nofollow noreferrer">http://api.jqueryui.com/tooltip/#option-content</a></li>
  </ul>