title: JQuery: Hover function, how to add a delay
body: <p>I have some JQuery that pops up a JQuery Dialog (<a href="http://docs.jquery.com/UI/Dialog" rel="nofollow noreferrer">http://docs.jquery.com/UI/Dialog</a>) box when you hover over an image like so:</p>
  
  <pre><code>    $(document).ready(function() {
          $("img").hover(function() {
  
               $("#dialog").dialog();
          });
      });
  </code></pre>
  
  <p>I have 2 questions
  1. When i close the dialog and then hover over an image again the dialog dosn't reappear, how can i fix that
  1. How can i pop up the box only if the user hovers over the image for a couple of seconds</p>