title: Adding delay to jquery event on mouseover
body: <p>I am trying to add a simple delay to a mouseover event of a child and having difficulties. (Still learning!)</p>
  
  <p>This enables me to show the popup after a delay, but shows all of them simultaneously:</p>
  
  <pre><code>onmouseover='setTimeout(function() { $(\".skinnyPopup\").show(); }, 600)'
  </code></pre>
  
  <p>and this works to show only the popup I want with no delay:</p>
  
  <pre><code>onmouseover='$(this).children(\".skinnyPopup\").show()'
  </code></pre>
  
  <p>but the combination does not:</p>
  
  <pre><code>onmouseover='setTimeout(function() { $(this).children(\".skinnyPopup\").show(); }, 600)'
  </code></pre>
  
  <p>Any help would be appreciated. Thanks!</p>