title: Jquery replacewith fade/animate
body: <p>I know there are loads of questions on replacewith but none seem to have answers that apply to my situation.</p>
  
  <p>html: <code>&lt;div id="foo"&gt;&lt;/div&gt;</code></p>
  
  <p>I want #foo to be faded out, then I want to replace the whole thing (not just the contents) with essentially the same thing <code>&lt;div id="foo"&gt;&lt;/div&gt;</code> which is faded in.</p>
  
  <p>Thanks</p>