title: JQuery - merging after removing middle element
body: <p>Suppose my HTML looks like this</p>
  
  <pre><code>&lt;p&gt;a&lt;span&gt;b&lt;/span&gt;c&lt;/p&gt;
  </code></pre>
  
  <p>after</p>
  
  <pre><code>$("span").remove();
  </code></pre>
  
  <p>my HTML looks like this </p>
  
  <pre><code>&lt;p&gt;
  "a"
  "c"
  &lt;/p&gt;
  </code></pre>
  
  <p>how do I merge those two parts together, so my HTML looks like <code>&lt;p&gt;ac&lt;/p&gt;</code>?</p>
  
  <p><a href="http://jsfiddle.net/dgBwc/12/" rel="nofollow">jsfiddle</a></p>