title: Highlight row is not getting disappear after I click the next table row
body: <p>I need to create background as yellow while selecting the gear icon for the menu option in the table row, I have tried the below code for highlighting the table row,</p>
  
  <pre><code>var view = Core.view.Menu.create({
      model: model,
      menuContext: { ibmm: ibmm },
      anchor: this.$(),
      highlight: this.$().parents('tr:first').css('background-color','yellow')
  });
  view.show();
  </code></pre>
  
  <p>While selecting the menu from the table row (hidden) with the gear icon, the background color is coming well. </p>
  
  <p>[![enter image description here][1]][1]</p>
  
  <p>corresponding html file is below</p>
  
  <pre><code>&lt;tr id="ember23242" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label=""&gt;
  </code></pre>
  
  <p>But when I move to the next table row(non hidden), the past table row color is still in yellow color, not getting disappear. </p>
  
  <p>[![enter image description here][2]][2]</p>
  
  <p>I'm using the below css code for creating the highlight when i'm clicking the row</p>
  
  <pre><code>table.content-table.highlighted tr.content-row:focus {
    background: #FFFF99 none 0 0 repeat;
  }
  </code></pre>
  
  <p>Can anybody suggest me code for this. I’m using Ember 1.4.0.</p>