title: Hiding a div after x seconds in wordpress
body: <p>I would like to hide a picture in a div after 10 seconds using Javascript.  The div i have is in the footer.php along with the script I researched to hide but it is not working.  Any ideas??  Below is a snippet of my code.</p>
  
  <p>&lt;--footer.php--></p>
  
  <pre><code>&lt;div id="hide"&gt;
      &lt;img src="http://www.example.com/image.png"&gt;
  &lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
     setTimeout(function() {
     $('#hide').hide();
  }, 10000);
  &lt;/script&gt;
  </code></pre>
  
  <p>&lt;--footer.php--></p>
  
  <p>Do i need to have something in my stylesheet.css to reference the #hide??? </p>
  
  <p>Thanks in advance.
  Paul</p>