title: How to change background color to a <DIV /> then fade out, then finally remove from the DOM?
body: <p>Hi I want to first change the background color of a <code>&lt;div&gt;</code> to red then <em>fade out</em> that <code>&lt;div&gt;</code>. Once the <em>fade out</em> is completed remove it from the DOM.</p>
  
  <p>The following code does <em>fade out</em> the <code>&lt;div&gt;</code> and remove it from the DOM but it doesn't change the <code>background-color</code> to red.</p>
  
  <pre><code> $(this).find("div#" + id)
      .css("background-color", "#ff0000")
      .fadeOut("slow", function () {
          $(this).remove()
      });
  </code></pre>