title: Highlight selected row using knockout
body: <p>With reference to below question asked in stackoverflow </p>
  
  <p><a href="https://stackoverflow.com/questions/8838132/display-clicked-item-with-knockoutjs">Display clicked item</a></p>
  
  <p>I have modified the fiddle created by john papa. Here is my updated fiddle</p>
  
  <p><a href="http://jsfiddle.net/6FCEe/31/" rel="nofollow noreferrer">http://jsfiddle.net/6FCEe/31/</a></p>
  
  <p>I have added New button and clicking on it i push new record.In click event of New button i have added below code</p>
  
  <pre><code> this.NewDetail = function(){
      self.model.Things.push(new Thing(4, "Thing 4", self.model.CurrentDisplayThing)               
          );
      self.model.CurrentDisplayThing(item);
    };
  </code></pre>
  
  <p>But the new row doesnt show as higlighted. What should i do to make it highlighted. The new row added should be shown as higlighted in yellow color.</p>