title: Hide all other rows with same class except the one clicked
body: <p>I'm having some issues hiding all other rows except the one clicked with jQuery.</p>
  
  <pre><code>$('tr .assign').live('click', function(e) {
      var element = $(this);
      var id = $(this).data('employeeID');
      $.ajax({
          type: 'GET',
          url: 'http://domain.com/assign/'+ $(this).data('id')
      }).success(function() {
          element.text('Unassign');
          element.removeClass('assign').addClass('unassign');
          element.removeClass('btn-success').addClass('btn-inverse');
          $("tr:has(.signup_" + id + ")").hide();
          $(this).show();
      });
  });
  </code></pre>
  
  <p>Basically, each employee pulled from the database will have a a row in a table similar to the one below. If the "Assign" link is clicked, I want to hide all other rows within the table with the same employee id class, but keep the row that was clicked visible.</p>
  
  <pre><code>&lt;tr class="signup_{{ $employeeID }}"&gt;
  &lt;td style="text-align:center;"&gt;{{ $employeeName }}&lt;/td&gt;
  &lt;td style="text-align:center;"&gt;&lt;a data-id="{{ $employeeID }}" class="btn btn-mini btn-success assign"&gt;Assign&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>With this code, no rows are hidden. However, if I change <code>tr:has</code> to <code>tr:not</code>, all the rows <strong>except</strong> the ones with the same signup_employeeID class are hidden.</p>