JQuery change atributes of child elements
<p>I have this code, and  I want on click on div with <code>favoriteButton</code> class, text in current (<code>this</code>) <code>&lt;a&gt;</code> and <code>src</code> of current <code>img</code> tag to be changed.
Changing text in <code>&lt;a&gt;</code> work fine but image not work.
I try to put another  as child of first  and code work fine, only in nested <code>img</code> not work </p>

<pre><code>$('.favoriteButton').click(function(e){

    $(this).find('.aclass').text("yeeee");
    $(this).find('.imgclass').attr("src", "remove_favorit.png");

    e.preventDefault(); 

});


    &lt;div class="favoriteButton" &gt;                                    
     &lt;a class="aclass" href=""&gt;Text
       &lt;img class="imgclass" src="add_heart.png"&gt;
     &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="favoriteButton" &gt;                                    
     &lt;a class="aclass"  href=""&gt;Text
       &lt;img class="imgclass" src="add_heart.png"&gt;
     &lt;/a&gt;
     &lt;/div&gt;
</code></pre>

<p>Can some one help me how to solve that using JQuery</p>

<p>Thanks</p>
