cant grap img src and assign it to a div as BG in jquery?
<p>hi this is the jquery code :</p>

<pre><code>$(".c").mouseover(function() {
var colorbg = $(".c").attr("src");
$(".colortip").fadeIn(function() {
$(this).html('&lt;img src="' + colorbg + '"/&gt;');
return false;
});`enter code here`
});
</code></pre>

<p>and HTML is as follows : </p>

<pre><code>img ...1
img....2
img ...3
</code></pre>

<p>what i want to do is to show the the "colortip" div when mouseover any img.c and in the same time i want to assign the img.c images source as a background to the div.colortip</p>

<p>i wrote the code above and it works to show the div but it only assign the BG for the first img with only the first img src and doesnt detect other images src and change it when i hover on other divs with other colors.- so how can i make it each time pushes the new img src as a bg to the div?</p>

<p>your help is much appreciated - Thanks</p>
