title: Remove element by class name
body: <p>Remove some class tag from variable, not from HTML element.<br>
  I have no idea about how to describe it briefly, so see my example</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="test" class="layout ui-resizable ui-droppable"&gt;
      &lt;div class="ui-resizable-handle ui-resizable-e"&gt;&lt;/div&gt;
      &lt;div class="ui-resizable-handle ui-resizable-s"&gt;&lt;/div&gt;
      &lt;div class="ui-resizable-handle ui-resizable-se"&gt;&lt;/div&gt;
      &lt;div id="obj1" class="ui-draggable ui-draggable-handle ui-draggable-dragging ui-resizable"&gt;
          &lt;img id="imgTest" class="photo"&gt;&lt;img&gt;
          &lt;div class="ui-resizable-handle ui-resizable-e"&gt;&lt;/div&gt;
          &lt;div class="ui-resizable-handle ui-resizable-s"&gt;&lt;/div&gt;
          &lt;div class="ui-resizable-handle ui-resizable-se"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>var s = ('#test')[0]
  // typeof s -&gt; object
  </code></pre>
  
  <p>I want to remove all elements containing <code>ui-resizable-handle</code> in class name from variable s, NOT from HTML element.</p>
  
  <p>After remove, HTML element still the same.</p>
  
  <p>But the value of s changes to </p>
  
  <pre><code>&lt;div id="test" class="layout ui-resizable ui-droppable"&gt;
      &lt;div id="obj1" class="ui-draggable ui-draggable-handle ui-draggable-dragging ui-resizable"&gt;
          &lt;img id="imgTest" class="photo"&gt;&lt;img&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How could I do this by javascript or jQuery?</p>
  
  <p>Note: jQuery is better for me</p>