title: jquery tooltip set timeout
body: <p>I want to show a tooltip which will disappear after 3 seconds time.</p>
  
  <p>How should I modify my code? seems commented code will not work:</p>
  
  <p><a href="http://jsfiddle.net/sMJ2T/1/" rel="nofollow">http://jsfiddle.net/sMJ2T/1/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="mytooltip" title="the message"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(function() {
      $('#mytooltip').tooltip();
  
      $('#mytooltip').tooltip({
      open: function(e,o){
          $(o.tooltip).mouseover(function(e){
              $('#mytooltip').tooltip('close');
          });
          $(o.tooltip).mouseout(function(e){
          });         
      },
      close: function(e,o) {},
      show: { duration: 800 }
  });
  
      $('#mytooltip').tooltip('open');//.delay(2000).tooltip('close');
  
  
  });
  </code></pre>