title: How to add class to a html file loaded via jquery?
body: <p>I've included my header &amp; footer at separate html files using <code>.load()</code> from jQuery. My jQuery code is below:</p>
  
  <pre><code>$(function(){
     $("#header").load("page-component/header.html"); 
     $("#footer").load("page-component/footer.html"); 
  });
  </code></pre>
  
  <p>Right now, as I navigate to another page, I want to add an <code>active</code> class to one of my header/footer links but I can't seem to achieve that. Anyone can help me?</p>
  
  <p>I've tried something like this but it didn't work:</p>
  
  <pre><code>$(document).ready(function(){
     jQuery('#menu-about').addClass('active');
  });
  </code></pre>