title: How to use .removeClass() in a userscript
body: <p>I'm trying to remove <code>hide</code> class from a single <code>div</code> using Violentmonkey and jQuery. My userscript is not doing anything and I cannot figure out why.</p>
  
  <p>Already tried:</p>
  
  <ul>
  <li>adding <code>// @grant GM_addStyle</code></li>
  <li>using the following selectors: <code>$("expand_collapse.hide")</code>, <code>$("div.expand_collapse")</code>, <code>$(".expand_collapse")</code></li>
  <li>using Tampermonkey</li>
  <li>getting jQuery with <code>@require https://code.jquery.com/jquery-3.4.1.min.js</code></li>
  </ul>
  
  <p>This is the div:</p>
  
  <pre><code>&lt;div class="expand_collapse hide"&gt;
    &lt;a href="javascript:" id="expand_all"&gt;
          Expand
    &lt;/a&gt;
    &lt;a href="javascript:" id="collapse_all"&gt;
          Collapse
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my userscript:</p>
  
  <pre><code>// ==UserScript==
  // @name unhide
  // @match https://example/*
  // @require https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
  // ==/UserScript==
  
  $("div.expand_collapse.hide").removeClass("hide");
  </code></pre>
  
  <p>When I manually remove the <code>hide</code> class using Chrome inspector the Expand and Collapse links appear and work as expected. I'd like to achieve the same with the <code>userscript</code>, yet it's not working.</p>