Empty specific div with the same class of several others on JQuery
<p>I have this problem, I generate a window (a div with the 'window' class) every time a link is clicked, this is the code for that:</p>

<pre><code>$(".getWindow").live('click',function(){
    $('#desktop').append('&lt;div class="window"&gt;&lt;span class=\"close\"&gt;x&lt;/span&gt;Well '+$(this).attr('well')+'&lt;div id="screen"&gt;&lt;img src="assembled_colors.jpeg" class="drag-image"  id="draggable"/&gt;&lt;/div&gt;&lt;/div&gt;');
    $('.drag-image').draggable();
    $('.window').draggable();
});
</code></pre>

<p>Then, every time the 'x' in the second line of my code is pressed, I try to close the window, by doing this:</p>

<pre><code>$('.close').live('click', function(){
    $(this).parent().empty();
});
</code></pre>

<p>This only closes what is inside of the window, but not the window itself, my next approach was to do this:</p>

<pre><code>$('.close').live('click', function(){
    $(this).parent().parent().empty();
});
</code></pre>

<p>Which closes all the opened windows. Could you please help me on how to close only the window containing the pressed x button?</p>

<p>Thanks in advance!</p>
