title: Remove spans from html with a class but keep the text
body: <p>If I had the following html:</p>
  
  <pre><code>&lt;div id="main"&gt;
      This &lt;span class="class-two"&gt;is&lt;/span&gt; a &lt;span class="class-one"&gt;string&lt;/span&gt; and I want &lt;span class="class-one"&gt;to remove&lt;/span&gt; spans &lt;span&gt;with the&lt;/span&gt; class class-one.
  &lt;/div&gt;
  </code></pre>
  
  <p>How would I remove all spans that have the class <code>class-one</code>?</p>
  
  <p>The expected output from the above html would be:</p>
  
  <pre><code>&lt;div id="main"&gt;
      This &lt;span class="class-two"&gt;is&lt;/span&gt; a string and I want to remove spans &lt;span&gt;with a&lt;/span&gt; class
  &lt;/div&gt;
  </code></pre>
  
  <p>The class-two and the span without a class haven't been removed.</p>
  
  <p>I also need to save the new html string into a variable which is the part I am struggling with.</p>
  
  <p>Something like this:
  <code>var html = $('#main').$('.class-one').replaceWith((i, txt) =&gt; txt);</code></p>