title: Remove Class and children
body: <p>I'm trying to inject some Jquery into my browser to remove <code>&lt;a&gt;&lt;/a&gt;</code><br>
  here is my code</p>
  
  <pre><code>&lt;div class="fc-event-container"&gt;
    &lt;a class="fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable" 
       style="top: 0px; bottom: -463.05px; z-index: 1; left: 0%; right: 0%;"&gt;
      &lt;div class="fc-content"&gt;
        &lt;div class="fc-time" data-full="12:00 AM - 12:00 AM" data-start=" "&gt;
          &lt;span&gt; &lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="fc-title"&gt;26% discount&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="fc-bg"&gt;&lt;/div&gt;
      &lt;div class="fc-resizer fc-end-resizer"&gt;&lt;/div&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to remove the <code>&lt;a&gt; &lt;/a&gt;</code> but I have failed consistently to do so.  I have tried different apis on the jquery documentation for example.</p>
  
  <pre><code>$( "a" ).removeClass( "fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable" );
  
  ("a").("fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end fc-draggable.fc-resizable" ).remove();
  
  (.'fc-time-grid-event fc-v-event fc-event fc-start fc-end fc-draggable fc-resizable').remove();
  </code></pre>