Jquery fade to making hidden images appear
<p>I am trying to add a fading effect to my page,  but once I add this code it makes other images I have set to display:none in css reappear.How can I get this to work on the selected divider only?</p>

<pre><code>&lt;div class="tiles"&gt;
</code></pre>

<p>"image code here"</p>

<pre><code> &lt;script&gt;   
            $(document).ready(function(){

    $(".tiles img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade when the page loads
    $(".tiles img").hover(function(){
    $(this).fadeTo("slow", 0.6); // This should set the opacity on hover
     },function(){
    $(this).fadeTo("slow", 1.0); // This should set the opacity back on mouseout
    });
    });

    &lt;/script&gt;
</code></pre>
