title: Select table row and keep highlighted using Twitter Bootstrap
body: <p>I am using Twitter Bootstrap table with clickable rows that are highlighted when hovered over (I can get rid of the hover feature if it makes this easier). I want the selected row to remain highlighted until another row is clicked or it is reclicked.</p>
  
  <pre><code>    $( document ).ready(function() {
          $('#myTable').on('click', 'tbody tr', function(event) {
              //  console.log("test ");                   
          });
  </code></pre>
  
  <p>and the table</p>
  
  <pre><code>&lt;table class="table table-bordered table-hover" id="myTable"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
          &lt;tr class='clickable-row'&gt;
  </code></pre>
  
  <p>I tried this code in the JS but didn't work</p>
  
  <pre><code>$(this).addClass('highlight').siblings().removeClass('highlight');
  </code></pre>