grabbing visible div appending image
<p>I am stuck on why this will not work out.
grabbing the visible div with a class of '.open' and then grabbing the div with the class of '.edititable' and appending an image to it. </p>

<p>Please any help would be great. </p>

<p>Here is my code</p>

<pre><code>             $('#imagefiles ul li img').click(function() {
                //Get the source of the image that was clicked
                var img = $(this).attr('src');
                //grab the visible div and the div with class edititable within it and append image
                $(".open:visible.edititable").append('&lt;img src="' + img + '" style="width:30%; height:30%;" "&gt;');
              });
</code></pre>
