title: AdminLTE Sidebar Active menu doesn't change dynamically
body: <p><strong>Bug | Help</strong>
  The jquery just doesn't fire up correctly when I try to change the class on nav-link. Maybe this has been blocked by other js?</p>
  
  <p>I am creating my <strong>index.php</strong> file which includes once <em>header.php, sidebard.php, and footer.php</em>
  Some page is called up with condition selected from the sidebar menu. I try to change the active nav-link when another item is clicked and add "active" to the class. But it just doesn't fire up.</p>
  
  <p>Here is the content of my <strong>sidebar.php</strong></p>
  
  <p>`
  </p>
  
  <pre><code>&lt;!-- Sidebar --&gt;
  &lt;div class="sidebar"&gt;
    &lt;!-- Sidebar Menu --&gt;
    &lt;nav class="mt-2"&gt;
      &lt;ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"&gt;
        &lt;!-- Add icons to the links using the .nav-icon class
             with font-awesome or any other icon font library --&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=home" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-home"&gt;&lt;/i&gt;
            &lt;p&gt;
              Home
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=notification" class="nav-link" id="nav-link"&gt;
            &lt;i class="nav-icon fas fa-info-square"&gt;&lt;/i&gt;
            &lt;p&gt;
              Notification
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=important" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-calendar-alt"&gt;&lt;/i&gt;
            &lt;p&gt;
              Important Dates
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=eligibility" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-badge-check"&gt;&lt;/i&gt;
            &lt;p&gt;
              Eligibility
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=feestructure" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-money-check-alt"&gt;&lt;/i&gt;
            &lt;p&gt;
              Fee Structure
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=prospectus" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-file-powerpoint"&gt;&lt;/i&gt;
            &lt;p&gt;
              Prospectus
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=apply" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-user-plus"&gt;&lt;/i&gt;
            &lt;p&gt;
              Apply Now
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="?page=notification" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-user-lock"&gt;&lt;/i&gt;
            &lt;p&gt;
              Applicant Login
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a href="/admin/" class="nav-link"&gt;
            &lt;i class="nav-icon fas fa-user-shield"&gt;&lt;/i&gt;
            &lt;p&gt;
              Admin Login
            &lt;/p&gt;
          &lt;/a&gt;            
        &lt;/li&gt;          
      &lt;/ul&gt;
    &lt;/nav&gt;
    &lt;nav class="mt-5"&gt;
      &lt;ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"&gt;
        &lt;!-- Add icons to the links using the .nav-icon class
             with font-awesome or any other icon font library --&gt;
        &lt;li class="nav-item has-treeview menu-open"&gt;
          &lt;a href="" class="nav-link active"&gt;
            &lt;i class="nav-icon fas fa-question-circle"&gt;&lt;/i&gt;
            &lt;p&gt;
             ADMISSION HELPLINE
              &lt;i class="right fas fa-angle-left"&gt;&lt;/i&gt;
            &lt;/p&gt;
          &lt;/a&gt;
          &lt;ul class="nav nav-treeview"&gt;
            &lt;li class="nav-item"&gt;
              &lt;a class="nav-link active"&gt;
                &lt;i class="far fa-empty"&gt;&lt;/i&gt;
                &lt;p&gt;&lt;b&gt;Principal Office&lt;/b&gt;&lt;br&gt;
                &lt;b&gt;Contact:&lt;/b&gt; (9:30AM – 4:00PM) &lt;br&gt;+1 1234 567 890&lt;br&gt; &lt;b&gt;Email:&lt;/b&gt; &lt;br&gt;someone@somewhere.com&lt;/p&gt;
              &lt;/a&gt;
            &lt;/li&gt;              
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
    &lt;!-- /.sidebar-menu --&gt;
  &lt;/div&gt;
  &lt;!-- /.sidebar --&gt;
  </code></pre>
  
  <p>`</p>
  
  <p>And here is my <strong>footer.php</strong> which includes the jquery to fire the action.</p>
  
  <pre><code>&lt;!-- script to change the selected active nav-link --&gt;
  
  &lt;script&gt;$(document).ready(function () { 
  $('.nav-link').click(function(e) {
  $('.nav-link').removeClass('active');        
  $(this).addClass("active");
  
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Environment</strong></p>
  
  <ul>
  <li>AdminLTE Version: [e.g. v3.0.4]</li>
  <li>Operating System:  [e.g. Microsoft Windows 10]</li>
  <li>Browser (Version): [e.g. Chrome (Latest)]</li>
  </ul>
  
  <h2>Am I missing something? Any help me, please.</h2>