title: Empty specific div with the same class of several others on JQuery
body: <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>