title: How reference & change single row TD element with on change event
body: <p>Help!  I have spent all day trying to resolve this issue.  I have a table which includes (among other data) a ProductId and a ProductDescription.  I have created a javascript change event, which retrieves the assocaited ProductDescription whenever the ProductId changes.  The ProductDescription is retrieved via a call to a method in my C# (asp.net) program.  That part is working correctly.  The issue I am having is in referencing the table row in which the ProductId has changed; when my jquery event is fired, the ProductDescription field is updated on ALL rows in the table (not just on the row that changed).  </p>
  
  <p>I have looked at so many examples, but cannot find the correct syntax to update only the row in which the ProductId was changed.  As you will see from my screen shots below, the ProductDescription is updated on ALL rows in my table according to the ProductId (in a single row) that was modified.</p>
  
  <p>Here is my code:</p>
  
  <p>[<img src="https://i.stack.imgur.com/ZO98H.png" alt="enter image description here]"></p>
  
  <p>[<img src="https://i.stack.imgur.com/FWpmE.png" alt="enter image description here]"></p>
  
  <p>[<img src="https://i.stack.imgur.com/jMCul.png" alt="enter image description here]"></p>
  
  <p>When I set the first Product ID in the table (with value PM08), I want the program to populate (only) the first Product Description in the table with the associated description (POSTUPS MOUNTS), but I am not referencing this element properly, and so ALL Product Descriptions are updated with the value as shown below:</p>
  
  <p>[<img src="https://i.stack.imgur.com/CZUPD.png" alt="enter image description here]"></p>
  
  <p>For the life of me, I cannot figure out how to index the the row that changed and update ONLY the Product Description for that row.  </p>
  
  <p>Thanks in advance if you have the solution!</p>