title: Overlay png image and darken image on hover
body: <p>How do i make the image darken, then overlay a png image like <a href="http://factorybox.devilcantburn.com/blog/" rel="nofollow">here</a>?</p>
  
  <p>here's my current code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;JQuery Effect&lt;/title&gt;
  &lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.2'&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;img src="http://i25.lulzimg.com/7cd053.jpg"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>