title: jQuery not working for fadeOut
body: <p>I got this code for testing purpose, it's very simple , when I open it in Firefox for debugging, it's not working, everything appears to be loaded and fine, it's very weird, any thoughts on this? . many thanks</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;Hover Over effect jQuery&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;script type="text/javscript" src="js/jquery-1.10.2.min.js"&gt;
        jQuery(document).ready(function($) {
          $("img").click(function(event) {
            $(this).fadeOut('slow');
          });
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="viewport"&gt;
        &lt;a href="#"&gt;
          &lt;img src="images/renew.jpg"&gt;
        &lt;/a&gt;
  
        &lt;div class="caption"&gt;&lt;span&gt;Caption goes here&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>