Why isn't this jQuery working to hide the image?
<p>jQuery:</p>

<pre><code>$('.resume-header').hover(
        function() {
            $('resume-header img').css('display', 'none');
            $('resume-header img').attr('src', 'media/resume-icon-download.png');
            $('resume-header img').fadeIn(400);
        },
        function() {
            $('resume-header img').css('display', 'none');
            $('resume-header img').attr('src', 'media/resume-icon.png');
            $('resume-header img').fadeIn(400);
        }
    );
</code></pre>

<p>Note, all my other jQuery is working.</p>

<p>Here's the HTML corresponding to it:</p>

<pre><code>            &lt;div class="header"&gt;
                &lt;div class="me-header"&gt;
                    &lt;a href="#"&gt;&lt;img src="media/me-icon.png" alt="Picture of Christian Selig"&gt;&lt;br&gt; &lt;span class="center-text"&gt;Contact Me&lt;/span&gt;&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="resume-header"&gt;
                    &lt;a href="resume.pdf"&gt;&lt;img src="media/resume-icon.png" alt="Resume icon" title="Click to download resume (PDF)"&gt;&lt;br&gt; &lt;span class="center-text"&gt;Resume (PDF)&lt;/span&gt;&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
</code></pre>
