title: How to only set one table row "table-active" at a time?
body: <p>I am designing a web app that utilizes the Bootstrap table row. I am trying to have it where when the user clicks on the row, it will become <code>table-active</code>. Currently, I have it setup where it highlights not one but numerous rows when clicked. I am trying to find the most effiecient way of coding this all within jquery.</p>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>
      $(".table tr").click(function() {
        $(this).toggleClass("table-active");
      });
  
  </code></pre>