title: Remove <div> using jQuery
body: <p>I have this HTML code:</p>
  
  <pre><code>&lt;div id="note_list"&gt;
    &lt;div class="note"&gt;
      Text 1
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="note"&gt;
      Text 2  
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="note"&gt;
      Text 3  
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="note"&gt;
      Text 4  
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="note"&gt;
      Text 5  
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I would like to use jQuery to <em>delete</em> a <code>&lt;div&gt;</code> element AFTER the 'X' clicking, is it possible?</p>
  
  <p>First X closes:</p>
  
  <pre><code>  &lt;div class="note"&gt;
      Text 1
      &lt;a href=""&gt;X&lt;/a&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>etc etc.
  Can I remove a <em>div</em> without using <code>id=""</code>?</p>
  
  <p>Thank you! </p>