title: Why is bootstrap not calling the active class?
body: <p>I am receiving information from a PHP file via jQuery Ajax and looping the information as shown below. I need it to call a <code>&lt;tr class="active"&gt;</code> and put them into the <code>&lt;tr&gt;&lt;td&gt;</code> format that bootstrap provides. But, unfortunately, this is not happening.</p>
  
  <p>Does anybody have any suggestions? Thank you :) </p>
  
  <pre><code>function getStudentList() {
       $.ajax({    //create an ajax request to load_page.php
         type: "GET",
         url: "getView.php",             
         dataType: "json",   //expect html to be returned                
         success: function(response){                    
            $.each(response, function(index, response){
  
            $( "#aaa" ).append('&lt;tr class="active"&gt;&lt;td&gt;' + response['Student_ID'] + '&lt;/td&gt;&lt;td&gt;' + response['FirstName'] + "&lt;/td&gt;&lt;td&gt;" + response['LastName'] + "&lt;/td&gt;&lt;td&gt;" + response['Student_ID'] + "&lt;/td&gt;&lt;td&gt;" + response['Year'] + '&lt;/td&gt;&lt;/tr&gt;');
          });
  
      },
       error: function(e) {
          //called when there is an error
          console.log("Error: " + e.message);
          }
      });
  }
  </code></pre>
  
  <p>---------- HEADER.PHP ---------------</p>
  
  <pre><code>  &lt;!-- Database Config Files --&gt;
  &lt;?php include('db_config.php'); ?&gt;
  
  &lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
  &lt;!-- Optional theme --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  
  
  &lt;!-- Custom css --&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  
  &lt;!-- Latest compiled and minified JavaScript --&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="export.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="contact.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="view.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="create.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="edit.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="delete.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="search.js"&gt;&lt;/script&gt;
  </code></pre>