how to show checked div on a div that has an image
<p>I am currently working for a survey project. I have seen image questions in some surveys.
i want to implement it in my project. so i have thought like this.</p>

<p>here is my code. </p>

<pre><code>&lt;div  id="image1"    onclick="Imagecheckbox(this);"&gt;
    &lt;img src="https://www.google.co.in/images/srpr/logo3w.png" alt="Image not found" /&gt;
&lt;/div&gt;
&lt;div  id="image2"    onclick="Imagecheckbox(this);"&gt;
   &lt;img src="https://www.google.co.in/images/srpr/logo3w.png" alt="Image not found" /&gt;
&lt;/div&gt;
 &lt;div  id="image3"    onclick="Imagecheckbox(this);"&gt;
    &lt;img src="https://www.google.co.in/images/srpr/logo3w.png" alt="Image not found" /&gt;
&lt;/div&gt;
</code></pre>

<p>so when i click on any image i want to show some thing like this.
<img src="http://i.stack.imgur.com/q83VE.jpg" alt="enter image description here"></p>

<p>so i am creating a div dynamically and appending to this. but its not working.
here is my code.</p>

<pre><code>   function Imagecheckbox(div) {
        var clickeddiv = $('#' + div.id);
        $("&lt;div id='mydiv' style='background:yellow;z-index:1;height:100;width:100;align:right;vertical-align:bottom;etc...'&gt;&lt;/div&gt;").appendTo($(clickeddiv)); 
    }
</code></pre>

<p>How can i do this ?
thanks.</p>
