title: Display Clicked Item with Knockoutjs
body: <p>I am trying to display information about the selected item in a list as well as highlight the row that is selected.  This is what I have:</p>
  
  <p><a href="http://jsfiddle.net/blankasaurus/qUydu/6/" rel="nofollow">http://jsfiddle.net/blankasaurus/qUydu/6/</a></p>
  
  <p>1) When I try to set the <code>CurrentDisplayThing = item</code> it doesn't do what I want it to do (which is update the Display div with the selected item).  I also tried <code>$.extend(CurrentDisplayThing, item);</code>  Am I going to have to set each property individually or something?  I have about 30 of them on my real project.</p>
  
  <p>2) The other thing i wanted to figure out is how to go about highlighting the row that I just clicked the proper way using Knockout.</p>
  
  <p>PS: For what I am actually doing I am using the <strong>mapping plug-in</strong> and both <code>Things</code> and <code>CurrentDisplayThing</code> are coming from my .NET model I pass in.  I am assuming what I have in JS Fiddle mirrors the way mapping would set this up?</p>