title: how to unwrap span of specified class name?
body: <p>I've the following html in desktop browser</p>
  
  <pre><code>&lt;div class="mygallery-thumbs"&gt;
    &lt;span&gt;
      &lt;img /&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the following html in mobile browser</p>
  
  <pre><code>&lt;div class="mygallery-thumbs"&gt;
    &lt;span&gt;
      &lt;span class="mjwideimg"&gt;
         &lt;img /&gt;
      &lt;/span&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I need to unwrap <code>.mjwideimg</code> but unwrap function doesn't support any parameters. And if I do like the following:</p>
  
  <pre><code>//$('.mygallery-thumbs').find('img').unwrap('.mjwideimg');//parameters not supported
  $('.mygallery-thumbs').find('img').unwrap();
  </code></pre>
  
  <p>This will produce in desktop browser like this: (which is not okay)</p>
  
  <pre><code>&lt;div class="mygallery-thumbs"&gt;
      &lt;img /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And will produce in mobile browser like this: (which is okay)</p>
  
  <pre><code>    &lt;div class="mygallery-thumbs"&gt;
        &lt;span&gt;
          &lt;img /&gt;     &lt;-----------------------------------------------------------
        &lt;/span&gt;                                                                  |
      &lt;/div&gt;                                                                     |
                                                                                 |
  So I want the output in both browser like mobile browser output. ---------------
  </code></pre>
  
  <p>How can I unwrap <code>.mjwideimg</code>?</p>