title: Find and remove class
body: <p>I have the following structure:</p>
  
  <pre><code>&lt;li id="0" class="instruction"&gt;
          &lt;div class="row1"&gt;
              title
          &lt;/div&gt;
          &lt;div class="row2 details hidden"&gt;
              details
          &lt;/div&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>css for hidden is:  <code>display: none</code></p>
  
  <p>I'd like when user clicked the instruction, then show the details div.</p>
  
  <pre><code>$(document).ready(function () {
          $(".instruction").click(function(e){
  
              $(e).find('.details').removeClass("hidden");
  
  
          });
      });
  </code></pre>
  
  <p>Tried to implement something like above, but doesn't work. any idea?</p>